最近遇到有些广告的问题,首先是在手机端,可能是用户访问了一些小网站的,(你懂得),然后在访问我的网站时,会带小广告过来,通常是wifi被dns劫持的情况下导入到广告脚本,
1、处理这些要知道广告的根源,广告脚本种子基本上是动态创建script来加载的,比如百度的pos广告
处理这些需要禁止动态加载脚本,防止广告加载,
(function () { var createElement = document.createElement; document.createElement = function (tag) { switch (tag) { case 'script': console.log('禁用动态添加脚本,防止广告加载'); break; default: return createElement.apply(this, arguments); } } })();
这是一种方法,如果你的脚本也是动态加载的话就需要自己配置自己脚本的“白名单”–过滤规则
2、另一种是通用的js广告,常见的是div嵌套iframe,就需要js清楚,话不多说
//注入页面的脚本文件 ; $(function() { var clearAd = { //由于manifest文件匹配规则只有通配没有非功能,所以可在此处添加不想删除广告的页面 checkUrl: function() { var Checkflag = 0, url = window.location.href; //手动添加不需要清除广告的域 var notDel = [ "www.baidu.com", "taobao.com", "tmall.com", "jd.com" ]; //正则匹配 for (var i = 0; i < notDel.length; i++) { var reg = new RegExp(notDel[i], "g"); if (reg.test(url)) { console.log('This page does not clear ads.'); break; } else { if (i == notDel.length - 1) { Checkflag = 1; } } } if (Checkflag == 1) { this.clear(); this.findSomeAdPossible(); } }, clear: function() { console.log('Clear Start'); //此处可手动添加广告框id名,去除顽疾ad必备 var ad_id_name = [ "cproIframe2001holder", "cproIframe2002holder", "cproIframe2003holder", "cproIframe2004holder", "cproIframe2005holder", "cproIframe2006holder", "cproIframe2007holder", "cproIframe2008holder", "cproIframe2009holder", "id_300x250_banner_top", "ads", "google_image_div", "mx_cs_71603_1261456", "AC_TR86_71603", "cproIframe_u2060917_1", "content_right", "left-promotion", "top_ads", "layerd" ]; //此处添加广告框类名 var ad_css_name = [ "cproIframe_u410704_3", "img_ad", "hover_btn" ]; for (var i = 0; i < ad_id_name.length; i++) { //使用remove删除节点,提升性能 $('#' + ad_id_name[i]).remove(); } for (var i = 0; i < ad_css_name.length; i++) { $('.' + ad_css_name[i]).remove(); } }, //简单的智能算法 findSomeAdPossible: function() { var sap = $('div iframe'), ad_img = $('div script').parent().find('img,embed'), float_img = $('div object').parent().find('img,embed'); this.arrayDel(sap, 360, 200); this.arrayDel(ad_img, 350, 150); this.arrayDel(float_img, 350, 150); }, arrayDel: function(arr, conWidth, conHeight) { var len = arr.length; for (var i = 0; i < len; i++) { var self = arr.eq(i); if (self.width() <= conWidth || self.height() <= conHeight) { self.remove(); } } }, init: function() { this.checkUrl(); } } $(document).ready(function() { clearAd.init(); //为防止ajax异步延时加载的广告隔4s再清除一次 setTimeout(function() { clearAd.init(); }, 4000) }); })
引入这个文件可以过滤大部分的广告,其他的还需要继续完善广告。
如果有其他更好的方法,请联系我,蟹蟹。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/13868.html