用js屏蔽被http劫持的浮动广告实现方法
最近发现网站经常在右下角弹出一个浮动广告，开始的时候以为只是浏览器的广告。
后来越来越多同事反映在家里不同浏览器也会出现广告。然后深入检查了下，发现网站竟然被劫持了。
然后百度了一大堆资料，什么http劫持、dns劫持、运营商劫持之类的，确定真的是中招了。看图：
真是偷梁换柱啊，被插入广告代码了。真是无良奸商，什么都做得出。
然并卵，最重要的解决办法是啥？然后把问题扔给了运维的同事。
最终结果是解决不了。没错，就是这么的坑爹。除非采用https。网上那些什么打电话、发信投诉之类的貌似没啥用。可能是运维太烂了。反正结果就是没结果。
然后，没办法啦。只能我们大前端自己想办法屏蔽啦。然后开启了研究劫持代码之旅，
......过程省略了800字寻找过程。
最终发现了，被劫持的广告会定义一个js全局变量_pushshowjs_ ，里面保存了一些劫持广告的相关信息，然后创建一个id为_embed_v3_dc的div放广告。并且每次都是一样的，不会有变化。
根据劫持广告的投放原理，最终使用了js屏蔽被劫持广告的方法。
具体代码如下：
;(function($,window,undefined){
var needClear=false,
timeout;
if(window._pushshowjs_){
console.log("adHttp");
needClear=true;
}
window._pushshowjs_={};
Object.freeze(window._pushshowjs_);//让对象只读, 防止属性被直接修改
Object.defineProperty(window, '_pushshowjs_', {
configurable: false,//防止属性被重新定义
writable: false//防止属性被重新赋值
});
if(needClear){
timeout=setInterval(function(){
if($("#_embed_v3_dc").length>0){
$("#_embed_v3_dc").remove();
console.log("http清除");
needClear=false;
clearInterval(timeout);
}
},500);
$(window).load(function(){
if(needClear){
setTimeout(function(){
clearInterval(timeout);
console.log("清除");
},2000);
}
});
}
}(jQuery,window));
代码不多，就不详细解析了(如果觉得代码有问题，望指正)。简单点说就是把劫持广告必须的全局js变量_pushshowjs_设定为不可被修改，只读。如果发现广告就清除。
放了代码，终于跟被劫持的广告说88了。
为什么说是笨办法？
因为这只是自欺欺人。其实劫持还是存在，并且被劫持了的js的加载顺序有可能会发生变化而导致错误，理想的办法还是要靠运维跟运营商去解决或使用https。
每个劫持的广告逻辑应该都差不多，但广告代码都会不同。所以我这个不一定会适用于其他的劫持广告。这只是一个思路，没办法之中的办法。
有大神有更好的解决办法，望指教。
以上这篇用js屏蔽被http劫持的浮动广告实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。
相关推荐
-
用js屏蔽被http劫持的浮动广告实现方法
最近发现网站经常在右下角弹出一个浮动广告,开始的时候以为只是浏览器的广告. 后来越来越多同事反映在家里不同浏览器也会出现广告.然后深入检查了下,发现网站竟然被劫持了. 然后百度了一大堆资料,什么http劫持.dns劫持.运营商劫持之类的,确定真的是中招了.看图: 真是偷梁换柱啊,被插入广告代码了.真是无良奸商,什么都做得出. 然并卵,最重要的解决办法是啥?然后把问题扔给了运维的同事. 最终结果是解决不了.没错,就是这么的坑爹.除非采用https.网上那些什么打电话.发信投诉之类的貌似没啥用.可能
-
兼容多浏览器的JS 浮动广告[推荐]
漂浮广告是我们经常用到的广告形式,站长的必备代码,相信你一定能用得上. JS浮动广告 img{border:0;} function addEvent(obj,evtType,func,cap){ cap=cap||false; if(obj.addEventListener){ obj.addEventListener(evtType,func,cap); return true; }else if(obj.attachEvent){ if(cap){ obj.setCapture(); re
-
js实现从右向左缓缓浮出网页浮动层广告的方法
本文实例讲述了js实现从右向左缓缓浮出网页浮动层广告的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&
-
js实现网站最上边可关闭的浮动广告条代码
本文实例讲述了js实现网站最上边可关闭的浮动广告条.分享给大家供大家参考.具体如下: 这是一款广告条代码,平时浮动在网站最上边,可关闭,设计唯美简洁,带关闭按钮,自适应网页宽度,色调明了,相信有不少朋友会喜欢的. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-top-float-clase-able-adv-codes/ 具体代码如下: <html> <head> <title>网站页首可关闭广告条</ti
-
利用JS屏蔽页面中的Enter按键提交表单的方法
如在设置了JS代码响应<p>标签的Enter按键触发事件时,根据冒泡型事件原则该事件会一直传到<from>表单处,并将表单提交.这不是我们想要的效果,我们可以设置如下代码来加以屏蔽: $(document).keydown(function(event){ switch(event.keyCode){ case 13:return false; } }); 但是,如果页面中有按钮时在Opera浏览器中同样会提交表单,这是因为按钮在生成的HTML代码中是submit类型的,解决办法是
-
如何用js实现鼠标向上滚动时浮动导航
为什么会有这个需求呢?有没有发现在国外的一些网站,当你向上滚动时,导航条浮动在顶部位置.用户如果是想看内容就可以直接点击到达,省去很多拖动的时间,当然返回顶部也是比较容易.但有时候返回顶部这个按钮往往被人忽略了.下面一起来看看代码和演示(引入jQuery 1.9). 判断鼠标向上滚动,或者向下滚动,可以通过对比用户的上一次滚动的坐标和下一次的坐标,当上一次小于下一次时,即用户在向下滚动,反之,则说明用户在向上滚动.滚动的坐标值可以取窗口的scrollTop. HTML代码示例 <div id=&qu
-
js实现左右两侧浮动广告
本文实例为大家分享了js实现左右浮动广告展示的具体代码,供大家参考,具体内容如下 <html> <title>左右两侧浮动广告</title> <head> </head> <body> <table style="background-color:#EEEEE2;width:1024px;height:2000px;t" align="center"> <tr><
-
js屏蔽F12审查元素，禁止修改页面代码等实现代码
众所周知,审查元素的情况下,大家都可以随机更改一部分页面的代码,注入恶意JS等等,这种情况避免也不难,虽然还能看到一部分H5源码,但是无法修改 一.屏蔽F12 审查元素 document.onkeydown = function(){ if(window.event && window.event.keyCode == 123) { alert("F12被禁用"); event.keyCode=0; event.returnValue=false; } if(windo
-
js禁止Backspace键使浏览器后退的实现方法
在项目中遇到按下Backspace键让浏览器后退的问题,上网搜了几种解决方案都不太理想.于是集众人之智,采众家之长,归纳如下: 1.在公用js中定义阻止Backspace的方法 function banBackSpace(e){ var ev = e || window.event; //各种浏览器下获取事件对象 var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget; //按下Backspace键
-
jQuery 浮动广告实现代码
实现方法: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>浮动广