這次帶給大家怎麼處理http被劫持浮動廣告,處理http被劫持浮動廣告的注意事項有哪些,下面就是實戰案例,一起來看一下。
最近發現網站經常在右下角彈出一個浮動廣告,一開始的時候以為只是瀏覽器的廣告。
後來越來越多同事反映在家中不同瀏覽器也會出現廣告。然後深入檢查了下,發現網站竟然被劫持了。
然後百度了一大堆資料,什麼http劫持、dns劫持、電信商劫持之類的,確定真的是中招了。
真是偷梁換柱啊,被插入廣告代碼了。真是無良姦商,什麼都做得出。
然並卵,最重要的解決方法是啥?然後把問題丟給了維運的同事。
最終結果是解決不了。沒錯,就是這麼的坑爹。除非採用https。網路上那些什麼打電話、寄信投訴之類的貌似沒啥用。可能是運維太爛了。反正結果就是沒結果。
然後,沒辦法囉。只能我們大前端自己想辦法屏蔽囉。然後開啟了研究劫持程式碼之旅,
……過程省略了800字尋找過程。
最後發現了,被劫持的廣告會定義一個js全域變數_pushshowjs_ ,裡面保存了一些劫持廣告的相關訊息,然後創建一個id為_embed_v3_dc的p放廣告。而每次都是一樣的,不會有變化。
根據劫持廣告的投放原理,最後使用了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劫持的浮動廣告實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持一聚教程網。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
建議讀取:
以上是怎麼處理http被劫持浮動廣告的詳細內容。更多資訊請關注PHP中文網其他相關文章!