冰豆网

bingdou.net
分享网络精彩

js屏蔽广告

时间:2019-05-04加入收藏

最近遇到有些广告的问题,首先是在手机端,可能是用户访问了一些小网站的,(你懂得),然后在访问我的网站时,会带小广告过来,通常是wifi被dns劫持的情况下导入到广告脚本,6ek冰豆网
6ek冰豆网
1、处理这些要知道广告的根源,广告脚本种子基本上是动态创建script来加载的,比如百度的pos广告6ek冰豆网
处理这些需要禁止动态加载脚本,防止广告加载,

(function () {6ek冰豆网
    var createElement = document.createElement;6ek冰豆网
    document.createElement = function (tag) {6ek冰豆网
        switch (tag) {6ek冰豆网
            case 'script':6ek冰豆网
                console.log('禁用动态添加脚本,防止广告加载');6ek冰豆网
                break;6ek冰豆网
            default:6ek冰豆网
                return createElement.apply(this, arguments);6ek冰豆网
        }6ek冰豆网
    }6ek冰豆网
})();6ek冰豆网

这是一种方法,如果你的脚本也是动态加载的话就需要自己配置自己脚本的“白名单”--过滤规则6ek冰豆网
6ek冰豆网
2、另一种是通用的js广告,常见的是div嵌套iframe,就需要js清楚,话不多说

$(function() {6ek冰豆网
 6ek冰豆网
    var clearAd = {6ek冰豆网
        //由于manifest文件匹配规则只有通配没有非功能,所以可在此处添加不想删除广告的页面6ek冰豆网
        checkUrl: function() {6ek冰豆网
            var Checkflag = 0,6ek冰豆网
                url = window.location.href;6ek冰豆网
 6ek冰豆网
            //手动添加不需要清除广告的域6ek冰豆网
            var notDel = [6ek冰豆网
                "www.baidu.com",6ek冰豆网
                "taobao.com",6ek冰豆网
                "tmall.com",6ek冰豆网
                "jd.com"6ek冰豆网
            ];6ek冰豆网
 6ek冰豆网
            //正则匹配6ek冰豆网
            for (var i = 0; i < notDel.length; i++) {6ek冰豆网
                var reg = new RegExp(notDel[i], "g");6ek冰豆网
 6ek冰豆网
                if (reg.test(url)) {6ek冰豆网
                    console.log('This page does not clear ads.');6ek冰豆网
                    break;6ek冰豆网
                } else {6ek冰豆网
                    if (i == notDel.length - 1) {6ek冰豆网
                        Checkflag = 1;6ek冰豆网
                    }6ek冰豆网
                }6ek冰豆网
            }6ek冰豆网
             6ek冰豆网
            if (Checkflag == 1) {6ek冰豆网
                this.clear();6ek冰豆网
                this.findSomeAdPossible();6ek冰豆网
            }6ek冰豆网
        },6ek冰豆网
        clear: function() {6ek冰豆网
            console.log('Clear Start');6ek冰豆网
            //此处可手动添加广告框id名,去除顽疾ad必备6ek冰豆网
            var ad_id_name = [6ek冰豆网
                "cproIframe2001holder",6ek冰豆网
                "cproIframe2002holder",6ek冰豆网
                "cproIframe2003holder",6ek冰豆网
                "cproIframe2004holder",6ek冰豆网
                "cproIframe2005holder",6ek冰豆网
                "cproIframe2006holder",6ek冰豆网
                "cproIframe2007holder",6ek冰豆网
                "cproIframe2008holder",6ek冰豆网
                "cproIframe2009holder",6ek冰豆网
                "id_300x250_banner_top",6ek冰豆网
                "ads",6ek冰豆网
                "google_image_div",6ek冰豆网
                "mx_cs_71603_1261456",6ek冰豆网
                "AC_TR86_71603",6ek冰豆网
                "cproIframe_u2060917_1",6ek冰豆网
                "content_right",6ek冰豆网
                "left-promotion",6ek冰豆网
                "top_ads",6ek冰豆网
                "layerd"6ek冰豆网
            ];6ek冰豆网
 6ek冰豆网
            //此处添加广告框类名6ek冰豆网
            var ad_css_name = [6ek冰豆网
                "cproIframe_u410704_3",6ek冰豆网
                "img_ad",6ek冰豆网
                "hover_btn"6ek冰豆网
            ];6ek冰豆网
 6ek冰豆网
            for (var i = 0; i < ad_id_name.length; i++) {6ek冰豆网
                //使用remove删除节点,提升性能6ek冰豆网
                $('#' + ad_id_name[i]).remove();6ek冰豆网
            }6ek冰豆网
 6ek冰豆网
            for (var i = 0; i < ad_css_name.length; i++) {6ek冰豆网
                $('.' + ad_css_name[i]).remove();6ek冰豆网
            }6ek冰豆网
        },6ek冰豆网
        //简单的智能算法6ek冰豆网
        findSomeAdPossible: function() {6ek冰豆网
            var sap = $('div iframe'),6ek冰豆网
                ad_img = $('div script').parent().find('img,embed'),6ek冰豆网
                float_img = $('div object').parent().find('img,embed');6ek冰豆网
 6ek冰豆网
            this.arrayDel(sap, 360, 200);6ek冰豆网
            this.arrayDel(ad_img, 350, 150);6ek冰豆网
            this.arrayDel(float_img, 350, 150);6ek冰豆网
        },6ek冰豆网
        arrayDel: function(arr, conWidth, conHeight) {6ek冰豆网
            var len = arr.length;6ek冰豆网
 6ek冰豆网
            for (var i = 0; i < len; i++) {6ek冰豆网
                var self = arr.eq(i);6ek冰豆网
 6ek冰豆网
                if (self.width() <= conWidth || self.height() <= conHeight) {6ek冰豆网
                    self.remove();6ek冰豆网
                }6ek冰豆网
 6ek冰豆网
            }6ek冰豆网
        },6ek冰豆网
        init: function() {6ek冰豆网
            this.checkUrl();6ek冰豆网
        }6ek冰豆网
    }6ek冰豆网
 6ek冰豆网
    $(document).ready(function() {6ek冰豆网
        clearAd.init();6ek冰豆网
 6ek冰豆网
        //为防止ajax异步延时加载的广告隔4s再清除一次6ek冰豆网
        setTimeout(function() {6ek冰豆网
            clearAd.init();6ek冰豆网
        }, 4000)6ek冰豆网
    });6ek冰豆网
})6ek冰豆网

引入这个文件可以过滤大部分的广告,其他的还需要继续完善广告。

TGA:

分享到:

官方微信二维码冰豆网官方微信公众号