手机端的网站加入了一个底部的内容推荐,但是点击效果却是非常的差,后来才发现是被手机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说一声,你太恶心了!!!