廣告是現(xiàn)在很多互聯(lián)網(wǎng)公司重要的收入來源之一甚至對于部分公司有可能是賺錢的唯一途徑互聯(lián)網(wǎng)公司恨不得將廣告潛入到每一個用戶能看到的網(wǎng)頁中去而另外一方面許多用戶早已厭倦了各種各樣的廣告想著辦法利用各種軟件去屏蔽各種廣告根據(jù) Deloitte 最近的一項調(diào)查表明2017 年有 31% 的美國人在他們的計算機上使用了某種形式的廣告攔截器以 Adblock Plus 軟件為例它是世界上最受歡迎的廣告攔截器之一其累計下載量已經(jīng)超過 5 億今天本文就以它為例向大家介紹廣告攔截器是如何工作的

AdBlock Plus 阻止哪些廣告

Adblock Plus 公司表示他們并不想默認阻止所有的廣告在 2009 年的一份用戶調(diào)研報告中顯示只有 25% 的人群會主動選擇去屏蔽所有廣告AdBlock Plus 默認會屏蔽一些特別惡意性的廣告例如動畫廣告自動播放的廣告彈窗廣告Flash 廣告圖片太大的廣告等等像下圖中的綠色廣告部分占據(jù)了網(wǎng)頁的頂部側(cè)邊欄底部等并且總體占用百分比低于某個閾值的話廣告就不會被屏蔽如果廣告直接顯示在網(wǎng)頁正面內(nèi)容中的話（紅色區(qū)域）就會被屏蔽掉

AdBlock Plus 如何屏蔽廣告

AdBlock Plus 主要采用阻止 HTTP 請求加載和隱藏廣告元素這兩種方式屏蔽廣告一般而言廣告大多數(shù)位于另外一臺服務(wù)器上采用不同的域名所以大多數(shù)屏蔽都是通過阻止 HTTP 請求加載來完成的同時這也能提高網(wǎng)頁整體的加載速度

51, 51, 51; text-indent: 2em;">如果廣告和網(wǎng)頁是在一臺服務(wù)器上存儲的那么 AdBlock Plus 會采用 CSS 過濾器來屏蔽廣告它會使用 nsIStyleSheetService 樣式表服務(wù)來將自定義的 CSS 加載到網(wǎng)頁上從而覆蓋掉網(wǎng)頁默認的 CSS

51, 51, 51; text-indent: 2em;">

為什么它如此之快

廣告攔截器的賣點之一就是讓你的頁面加載速度更快AdBlock Plus 的創(chuàng)建者 Wladimir Palant 癡迷于哪種算法能簡化工具的過濾器匹配過程正如 Wladimir Palant 所述他改進過的 Boyer-Moore 算法匹配速度運行得非常快該算法有效結(jié)合了兩種模式匹配方法: 壞字符啟發(fā)式和良好后綴啟發(fā)式壞字符啟發(fā)式將采用第一個不匹配的字符（從右到左）并在模式中尋找匹配的字符

如果沒有匹配的字符則整個模式將移動到不匹配的字符之外因為如果字符沒有出現(xiàn)在模式中的任何位置則無法匹配這樣可以節(jié)省搜索匹配的時間

51, 51, 51; text-indent: 2em;">算法中使用的另一種技術(shù)是良好后綴啟發(fā)式如果模式和字符串之間的幾個字符匹配（從右向左掃描）這將會繼續(xù)查看匹配后綴是否有出現(xiàn)在其他位置如果是這樣它將繼續(xù)向下移動以便測試模式中的其它好后綴是否匹配

51, 51, 51; text-indent: 2em;">

對開發(fā)者有什么啟示

作為開發(fā)者我們需要了解熱門廣告過濾器的基本工作方式通過了解它們是如何工作的我們才能確保自己投放在網(wǎng)頁上的廣告盡可能的不被過濾器所屏蔽掉