手机端JS屏蔽广告

im, 无色
im, 无色
im, 无色
884
文章
0
评论
2019年7月26日21:02:20 评论 496

最近遇到有些广告的问题,首先是在手机端,可能是用户访问了一些小网站的,(你懂得),然后在访问我的网站时,会带小广告过来,通常是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)
    });
})

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

如果有其他更好的方法,请联系我,蟹蟹。

im, 无色
  • 本文由 发表于 2019年7月26日21:02:20
JS粘贴事件paste简单解析及遇到的坑 JavaScript

JS粘贴事件paste简单解析及遇到的坑

在用户执行粘贴操作的时候,js能够获得剪切板的内容,本文讨论一下这个问题。 目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari,一些Chrome...
JS获取剪切板内容,JS控制图片粘贴。 JavaScript

JS获取剪切板内容,JS控制图片粘贴。

在用户执行粘贴操作的时候,js能够获得剪切板的内容,本文讨论一下这个问题。 目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari,一些Chrome...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: