白話科普系列——最好用的瀏覽器 Chrome，你用了麼？

市面上的瀏覽器多種多樣，而瀏覽器的王者——IE 瀏覽器，它在 2002 年市場份額高達 95.4%。直到後續 Firefox，Safari，Chrome 相繼問世才動搖了 IE 瀏覽器的地位，其中 Chrome 在 2008 年一經問世便表現出了非凡的天賦，一路披荊斬棘所向披靡。

最近，國外統計公司 Statcounter 公佈了全球瀏覽器市場份額調查數據。

從上面兩張圖中能夠看出，不管是移動端仍是桌面端，谷歌 Chrome 瀏覽器都名列第一，大幅領先其餘品牌。

爲什麼 Chrome 瀏覽器會有如此高的市場佔比，咱們一塊兒來看下 Chrome 瀏覽器都有哪些優勢。

Chrome 瀏覽器的優勢

界面簡潔

瀏覽器的本質是一個展現網絡資源的工具，一個簡潔的界面會讓用戶更加專一於內容，而不被瀏覽器的外觀所幹擾。毫無疑問，Chome 在這一點上就戰勝了很多對手。

整合了 Google 服務

Chrome 做爲 Google 公司開發的瀏覽器，確定會給本身的產品打打廣告，可是 Google 的產品確實質量過硬，咱們能夠在 Chrome 上體驗到不少優質的 Google 產品，好比在線文檔表格編輯器、網頁的自動翻譯、Gmail 的離線版與桌面提醒等。

強大的開發者控制檯

Chrome 具備功能強大的開發者控制檯，能夠監控網絡帶寬，查看源代碼並選擇顏色以在線調整設計，還能夠進行前端的斷點調試。正是由於這強大的開發者控制檯，Chrome 受到了許多開發者的青睞。

豐富的擴展程序

Chrome 具備大量擴展功能，從簡單的廣告攔截到各類小工具的自定義擴展，包羅萬象，能夠加強瀏覽器的功能以知足特殊需求。其中大部分的擴展程序均可以在 Chrome 網上應用商店上找到。還能夠僱用開發人員來構建本身的應用程序，以改善項目的工做流程。

這裏簡單介紹一個拓展程序：Adblock Plus，常用 Chrome 瀏覽器的小夥伴應該對這個擴展程序很是熟悉。

這是一款免費的廣告攔截器，功能很是強大。下面咱們來測試看看。

首先咱們不打開這個插件隨意訪問一個網站，能夠看到單頂部位置就有3個廣告。

此時咱們打開插件再次訪問，很明顯的，廣告就消失了，並且右側的滾動廣告欄中也變成了空白，界面一下清爽了許多。

Adblock Plus 插件還能夠自行設置網站白名單，即對某些網站不作屏蔽廣告操做。也能夠自行添加或移除過濾列表等。

以上就是 Chrome 擁有的衆多優勢中的其中幾項，更多優勢相信你們在使用後就能發現。接下來咱們講講如何巧用 Chrome，以及當咱們接入 CDN 後，如何經過 Chrome 查看各項配置是否正確。

巧用 Chrome，判斷 CDN 配置是否正確

- 經過開發者控制檯查看詳細信息

不少小夥伴都會有這樣的疑惑，接入 CDN 服務後，如何判別是否成功接入，而且查看節點、緩存等信息。咱們能夠經過 Chrome 瀏覽器控制檯的 Network 面板查看資源加載狀況，同時也能夠經過點擊任意一個資源查看請求和響應頭信息。下圖是響應頭的基本字段描述，從這些字段中咱們能夠很是直觀的獲得節點IP、緩存狀況、CDN接入狀況等。

- 經過擴展程序添加請求頭

當咱們接入又拍雲CDN，並配置 Referer 防盜鏈後，怎麼經過Chrome瀏覽器去驗證是否配置成功呢？如圖，我配置了Referer白名單並禁止Referer爲空。

此時我直接訪問配置在CDN的站點，確定會報錯，報錯信息顯示缺乏了 Referer 頭部。

這時使用 ModHeader 擴展程序，有興趣的小夥伴也能夠到 Chrome 商店下載。如圖所示配置上 Referer 請求頭。

再次訪問剛剛的站點，就能夠正常訪問了。這表明說明咱們 Referer 防盜鏈配置正確而且正常運做。

同時打開 Chrome 瀏覽器控制檯的 Network 面板能夠看到 Request Header 中也包含了剛剛經過擴展程序添加的請求頭。

既然這個擴展程序能夠添加請求頭，那麼他可以實現的功能確定不止於檢驗 Referer的配置，全部和請求頭相關的配置均可以經過這個來檢查，很是方便。

以上就是一些 Chrome 的簡單使用技巧啦。Chrome瀏覽器還有不少其餘的妙用，一篇文章是沒法所有歸納的，你們能夠自行探索一下，你會發現有不少有趣的地方。

推薦閱讀

如何選擇適合本身網站的防盜鏈

「網頁內容沒法訪問」多是跨域錯誤！