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

最近，國外統(tǒng)計(jì)公司 Statcounter 公布了全球?yàn)g覽器市場份額調(diào)查數(shù)據(jù)。

從上面兩張圖中可以看出，無論是移動(dòng)端還是桌面端，谷歌 Chrome 瀏覽器都名列第一，大幅領(lǐng)先其他品牌。

為何 Chrome 瀏覽器會有如此高的市場占比，我們一起來看下 Chrome 瀏覽器都有哪些優(yōu)點(diǎn)。

Chrome 瀏覽器的優(yōu)點(diǎn)

界面簡潔

瀏覽器的本質(zhì)是一個(gè)展示網(wǎng)絡(luò)資源的工具，一個(gè)簡潔的界面會讓用戶更加專注于內(nèi)容，而不被瀏覽器的外觀所干擾。毫無疑問，Chome 在這一點(diǎn)上就打敗了不少對手。

整合了 Google 服務(wù)

Chrome 作為 Google 公司開發(fā)的瀏覽器，肯定會給自己的產(chǎn)品打打廣告，但是 Google 的產(chǎn)品確實(shí)質(zhì)量過硬，我們可以在 Chrome 上體驗(yàn)到很多優(yōu)質(zhì)的 Google 產(chǎn)品，比如在線文檔表格編輯器、網(wǎng)頁的自動(dòng)翻譯、Gmail 的離線版與桌面提醒等。

強(qiáng)大的開發(fā)者控制臺

Chrome 具有功能強(qiáng)大的開發(fā)者控制臺，可以監(jiān)控網(wǎng)絡(luò)帶寬，查看源代碼并選擇顏色以在線調(diào)整設(shè)計(jì)，還可以進(jìn)行前端的斷點(diǎn)調(diào)試。正是因?yàn)檫@強(qiáng)大的開發(fā)者控制臺，Chrome 受到了許多開發(fā)者的青睞。

豐富的擴(kuò)展程序

Chrome 具有大量擴(kuò)展功能，從簡單的廣告攔截到各種小工具的自定義擴(kuò)展，一應(yīng)俱全，可以增強(qiáng)瀏覽器的功能以滿足特殊需求。其中大部分的擴(kuò)展程序都可以在 Chrome 網(wǎng)上應(yīng)用商店上找到。還可以雇用開發(fā)人員來構(gòu)建自己的應(yīng)用程序，以改善項(xiàng)目的工作流程。

這里簡單介紹一個(gè)拓展程序：Adblock Plus，經(jīng)常使用 Chrome 瀏覽器的小伙伴應(yīng)該對這個(gè)擴(kuò)展程序非常熟悉。

這是一款免費(fèi)的廣告攔截器，功能非常強(qiáng)大。下面我們來測試看看。

首先我們不打開這個(gè)插件隨意訪問一個(gè)網(wǎng)站，可以看到單頂部位置就有3個(gè)廣告。

此時(shí)我們打開插件再次訪問，很明顯的，廣告就消失了，而且右側(cè)的滾動(dòng)廣告欄中也變成了空白，界面一下清爽了許多。

Adblock Plus 插件還可以自行設(shè)置網(wǎng)站白名單，即對某些網(wǎng)站不做屏蔽廣告操作。也可以自行添加或移除過濾列表等。

以上就是 Chrome 擁有的眾多優(yōu)點(diǎn)中的其中幾項(xiàng)，更多優(yōu)點(diǎn)相信大家在使用后就能發(fā)現(xiàn)。接下來我們講講如何巧用 Chrome，以及當(dāng)我們接入 CDN 后，如何通過 Chrome 查看各項(xiàng)配置是否正確。

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

- 通過開發(fā)者控制臺查看詳細(xì)信息

很多小伙伴都會有這樣的疑惑，接入 CDN 服務(wù)后，如何判別是否成功接入，并且查看節(jié)點(diǎn)、緩存等信息。我們可以通過 Chrome 瀏覽器控制臺的 Network 面板查看資源加載情況，同時(shí)也可以通過點(diǎn)擊任意一個(gè)資源查看請求和響應(yīng)頭信息。下圖是響應(yīng)頭的基本字段描述，從這些字段中我們可以非常直觀的得到節(jié)點(diǎn)IP、緩存情況、CDN接入情況等。

- 通過擴(kuò)展程序添加請求頭

當(dāng)我們接入又拍云CDN，并配置 Referer 防盜鏈后，怎么通過Chrome瀏覽器去驗(yàn)證是否配置成功呢？如圖，我配置了Referer白名單并禁止Referer為空。

此時(shí)我直接訪問配置在CDN的站點(diǎn)，肯定會報(bào)錯(cuò)，報(bào)錯(cuò)信息顯示缺少了 Referer 頭部。

這時(shí)使用 ModHeader 擴(kuò)展程序，有興趣的小伙伴也可以到 Chrome 商店下載。如圖所示配置上 Referer 請求頭。

再次訪問剛剛的站點(diǎn)，就可以正常訪問了。這代表說明我們 Referer 防盜鏈配置正確并且正常運(yùn)作。

同時(shí)打開 Chrome 瀏覽器控制臺的 Network 面板可以看到 Request Header 中也包含了剛剛通過擴(kuò)展程序添加的請求頭。

既然這個(gè)擴(kuò)展程序可以添加請求頭，那么他能夠?qū)崿F(xiàn)的功能肯定不止于檢驗(yàn) Referer的配置，所有和請求頭相關(guān)的配置都可以通過這個(gè)來檢查，非常方便。

以上就是一些 Chrome 的簡單使用技巧啦。Chrome瀏覽器還有很多其他的妙用，一篇文章是無法全部概括的，大家可以自行探索一下，你會發(fā)現(xiàn)有很多有趣的地方。

總結(jié)

以上是生活随笔為你收集整理的白话科普系列——最好用的浏览器 Chrome，你用了么？的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。