webpack 深入淺出文檔 去廣告簡單探究

起因：最近瀏覽 webpack 深入淺出 文檔，該文檔寫得挺好的，但是礙於之後章節的廣告，非常討厭的廣告，於是有了以下的思考。

如何移除廣告？

該 gitbook 每次點擊側邊欄的章節都會發出一次請求，在第三章以上就會出現全屏的廣告，有幾下幾種解決方案

1. 打開 開發者工具，直接 delete 掉這個廣告的元素，但是當你滾動頁面時，會觸發再次出現全屏廣告。
2. 將這個元素設一個屬性為 visibility: hidden，滾動後不再出現，但是當你點擊其他章節則會再次出現，所有又要再次設置visibility: hidden
3. 利用開發者工具，將廣告的 js 和 css 請求 block 掉，這是最簡單也是最有效的辦法。通過定位到廣告的請求植入，利用開發者工具將它們兩屏蔽掉，就可以不用再擔心廣告了。

進一步思考：其實我們從這裡能得到啟發，大部分的中低級廣告都是通過請求某個 url 來進行廣告植入的，我們可以通過正則匹配到這個廣告的請求，來屏蔽它。為了更好的用戶體驗，可以開發一個chrome 插件來靈活配置，其實現在有很多屏蔽請求的插件，比如：request blocker。

通過配置規則，屏蔽某一個請求即可。

之後再去瀏覽webpack 深入淺出文檔再也不用擔心植入的廣告了。