因为配置了googlehost的原因,最近博客里面老嵌套各种广告. 感觉广告比较烦.网上找了一些禁用广告的chrome插件。感觉用起来效果不大。所以就打算自己写脚本去禁用广告。

     一.博客园申请JS权限

         1.1 先去博客园申请JS权限.申请成功后可以再设置界面嵌套自己的JS

 

        

 

 

 

 

  

     二.编写JS

          2.1 下面来看看广场的Html结构。广告是被包装到一个含有uuid格式样式的div下面。

         

         

         2.2 所以我们可以通过Jquery遍历div筛选出包含uuid class的div. 正常的开发,应该是不会用这种样式名称的。因为不知道广告是多久才会添加到html里面。所以就加个了没100毫秒去遍历。如果有广告就删掉。(PC端添加这段循环的JS应该是不会太影响页面的性能的)

 1 var removeAD = function() {
 2     $("div").each(function() {
 3         var cl = $.trim($(this).attr("class"));
 4         if(cl.length == 41){
 5             $(this).hide();
 6         }
 7     })
 8 }
 9 
10 setInterval(removeAD, 100);

      三.总结

         如果谁有更好的禁用广告的插件求推荐。比较这段JS也只能在博客园生效。而且是自己的博客园页面才能生效

posted on 2017-03-21 10:33  FrankZC  阅读(605)  评论(5)    收藏  举报