2019干掉手机uc浏览器的底部强制广告

feng409 发布于2019-08-23 17:02 / 3576人阅读

摘要：手机端的网站加入了一个底部的内容推荐，但是点击效果却是非常的差，后来才发现是被手机浏览器的底部强制广告给遮盖住了。代码比较简单粗暴，把与及其上级的给去掉，本人测试了，效果很不错，底部的强制广告没有出现过。

手机端的网站加入了一个底部的内容推荐，但是点击效果却是非常的差，后来才发现是被手机uc浏览器的底部强制广告给遮盖住了。在网上也有不少同行有这样的遭遇，他们也发布了解决的办法，一种是通过CSS规则去隐藏，一种是通过JS去删除广告。但是我都试了，也有可能是UC现在更新了广告算法，网上的方法都不太管用，UC的广告还是会出现。

后来我发现，UC的广告在面页刚加载的时候是不会加载广告的，等面页滚动之后，广告才会出现，实在没部分，我只能是牺牲一部分性能去去掉UC的广告。
基本的思路是利用滚动事件去判断面页里面有没有iframe标签，因为UC的广告是通过iframe加载的，而我的面页是没有iframe的，所以如果面页立马出现了iframe，那就表示UC加载了广告，那我就可以进行去广告处理了。
$(document).scroll(function() {

if($("iframe").length>0){

$("iframe").parent("div").remove();

$("iframe").remove();

}

})

代码比较简单粗暴，把iframe与及其上级的div给去掉，本人测试了，效果很不错，底部的强制广告没有出现过。
当然了，如果你的面页有用到iframe，可以从其他标志性的东西入手，利用滚动事件的话，基本可以把广告去的一干二净。
最后对UC说一声，你太恶心了！！！

GPU云服务器云服务器公众微信号底部广告安卓uc浏览器 uc浏览器 webrtc webrtc兼容UC浏览器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103713.html

2019干掉手机uc浏览器的底部强制广告

摘要：手机端的网站加入了一个底部的内容推荐，但是点击效果却是非常的差，后来才发现是被手机浏览器的底部强制广告给遮盖住了。代码比较简单粗暴，把与及其上级的给去掉，本人测试了，效果很不错，底部的强制广告没有出现过。手机端的网站加入了一个底部的内容推荐，但是点击效果却是非常的差，后来才发现是被手机uc浏览器的底部强制广告给遮盖住了。在网上也有不少同行有这样的遭遇，他们也发布了解决的办法，一种是通...

xumenger 2019-08-02 16:13 评论0 收藏0
谷歌终于要发力信息流，为何落后百度两年？

摘要：谷歌追赶百度的态势已经越来越明显了。考虑到信息流目前还有很大到变现潜力，百度未来几个季度移动端营收持续增长基本上是板上钉钉的事情了。谷歌追赶百度的态势已经越来越明显了。今天，多家媒体报道，谷歌在媒体沟通会上正式宣布推出全新的搜索，未来的谷歌搜索，除了搜索框之外，还加入了信息流，包括了短视频、图片等等，谷歌将信息流产品命名为Google discover，取代了之前的google news。不...

xzavier 2019-04-29 19:31 评论0 收藏0
移动端滚动隐藏浏览器地址栏和工具栏

摘要：退一步，只能是实现用户滚动隐藏浏览器上下栏了。先说除了在下可以始终隐藏外，其他浏览器只要路由跳转隐藏就会失败。解决监听页面路由事件先禁止掉插件的滚动。事件中拿到想要的后浏览器已经隐藏地址栏和工具栏，放开插件滚动。参考：js自动隐藏手机浏览器地址栏文章中实现原理其实很简单，强制页面高度超过手机屏幕高度，手动滚动时会隐藏浏览器自带地址栏和工具栏（qq浏览器不会隐藏工具栏）.js实现自动隐...

mindwind 2019-08-23 16:03 评论0 收藏0
判断iOS和Android及PC端

摘要：在做移动端时，想起用来对浏览器类型进行判断，查了点资料，在这里总结下还有一个就是移动端的缩放问题，在标签中进行设置，对部分浏览器进行强制性的限制的一些常用属性为对象的一个属性，指向了一个包含浏览器相关信息的对象浏览器的版本号浏览器使用的语言在做移动端时，想起用navigator.userAgent来对浏览器类型进行判断，查了点资料，在这里总结下还有一个就是移动端的缩放问题，在meta...

DrizzleX 2019-08-23 12:10 评论0 收藏0