白話科普系列——最好用的瀏覽器 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瀏覽器還有很多其他的妙用,一篇文章是無法全部概括的,大家可以自行探索一下,你會發現有很多有趣的地方。

推薦閱讀

如何選擇適合自己網站的防盜鏈

“網頁內容無法訪問”可能是跨域錯誤!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM