基于JavaScript代码去掉H5页面中的头尾及广告部分(支持 Android 和 iOS)

提出问题:

APP中嵌入一个H5的网页,但出现的广告条或是无关头尾,相当大煞风景,该如何去掉?


分析问题:

1,加入广告条是为了让网站存活下去,这个普通用户无法理解,就此点到为止吧;

2,大多H5头尾部分都用<div> 方式来包裹,里面是以id 或 class 来标示;

3,嵌入webview 一段JavaScript代码来隐藏,目前Android和iOS都支持此方法;


了解技术点:

1,iOS 控件UIWebView 本身支持嵌入一段JavaScript代码来实现和原生网页交互,相关知识点请自行查询,这里不再赘述;

2,Android 组件WebView 需要先设置其支持JavaScript,其余知识和iOS基本一样,通过回调或代理来设置;


代码实战:

这里只分享核心的一段代码,分为 <div id> 和 <div class> 两种情况,下面是两个平台,功能一样的代码片段;

iOS 代码


Android代码


总结一下:

每一次的技术分享,都经历了无数次的测试和查询,不管怎么样,记录下来给以后的自己看或是有需求的朋友看,都是很美妙的,作为开发者,技术分享,我们是认真的。


特别推荐优质APP:IT面试宝典

iOShttp://dwz.cn/1EOMlZ
Androidhttp://dwz.cn/1Z9xjW

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

群鸿

感谢认可,多谢打赏。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值