這篇文章主要介紹了JS前端廣告攔截實(shí)現(xiàn)原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

　　主流的瀏覽器，默認(rèn)都開(kāi)啟了廣告過(guò)濾，這對(duì)于用戶（瀏覽者）來(lái)說(shuō)，不但加快了訪問(wèn)網(wǎng)頁(yè)的速度，而且也避免了勿點(diǎn)一些垃圾色情的東西，可以說(shuō)綠色了網(wǎng)絡(luò)環(huán)境。

　　第一、對(duì)于正常的廣告攔截前端開(kāi)發(fā)需要注意的是：

　　　　在請(qǐng)求圖片與js文件、接口、文件內(nèi)容最好不要包含ad、guanggao等關(guān)鍵詞，可能被攔截

　　　　我們可以用一個(gè)請(qǐng)求來(lái)判斷瀏覽器有沒(méi)有開(kāi)啟廣告攔截，如果我們需要插入廣告，可以提示用戶關(guān)閉廣告攔截

<script src="http://demo.jb51.net/adview_pic_cpc_cpm_cpa_guanggao_gg_ads_300x250.js" type="text/javascript"></script>
/*這個(gè)js文件的內(nèi)容為var killads = true;*/
<script type="text/javascript"> 
　　if (typeof(killads)=='undefined'){alert('廣告被過(guò)濾');} 
</script>

　　第二、瀏覽器對(duì)window.opne（）的攔截，我們可以通過(guò)var x =window.open(url);然后判斷x == undefined來(lái)判斷新窗口是否被攔截。

　　　?。ㄒ唬?、 一般情況下，如果在js中調(diào)用window.open()函數(shù)去打開(kāi)一個(gè)新tab頁(yè)，瀏覽器會(huì)進(jìn)行攔截，認(rèn)為打開(kāi)的是一個(gè)廣告頁(yè)。

　　　　（二）、所以如果不想讓瀏覽器攔截，可以將這個(gè)“函數(shù)”改為用戶點(diǎn)擊時(shí)觸發(fā)，這樣瀏覽器就認(rèn)為是用戶想訪問(wèn)這個(gè)頁(yè)面，而不是你直接彈出給用戶。

　　　?。ㄈ?、即使是用戶點(diǎn)擊事件，如果在一次事件里調(diào)用多次window.open()函數(shù)，則只有第一次被當(dāng)作正常打開(kāi)，之后的還是會(huì)被當(dāng)作廣告頁(yè)。

　　　　（四）、如果在點(diǎn)擊事件里有ajax調(diào)用，window.open()在回調(diào)函數(shù)里執(zhí)行，則瀏覽器仍然認(rèn)為是js調(diào)用并當(dāng)作廣告攔截。除非ajax設(shè)置為“同步”模式。也可以用下面的方法解決

var newWin = window.open(); 
$.ajax({ 
  url:xxx, 
  success: function(data){ 
    newWin.location = data.url; 
  } 
});

　　　?。ㄎ澹⑵渌麍?chǎng)景：

　　　　　　有的下載功能是這樣實(shí)現(xiàn)的，當(dāng)用戶點(diǎn)擊某個(gè)按鈕后，在后臺(tái)生成一個(gè)地址返回給前端，前端在請(qǐng)求的回調(diào)方法中，通過(guò)window.open()打開(kāi)這個(gè)鏈接

　　　　　　由于前端需要給后臺(tái)發(fā)送異步請(qǐng)求，所以window.open()也會(huì)被攔截

　　　　　　可行的方法是，在回調(diào)之后，生成一個(gè)<a>標(biāo)簽，且href設(shè)置為下載地址，然后觸發(fā)這個(gè)<a>標(biāo)簽的點(diǎn)擊事件，注意：<a>標(biāo)簽一定要加一個(gè)download屬性，否則還是會(huì)被攔截

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

最新評(píng)論