不管網頁設計師或前端工程師，使用Chrome做為網頁開發已是基本工具
未免有人不知道如何使用，又或者一直只用些基礎功能者想加強功具
可以參考一則六角在Udemy上的免費影片教學範例：
連結：

「Chrome 網頁除錯功能大解密」

除此之外～
Chrome的線上應用程式商店，上的「擴充功能」裡面很多寶，可以即時在瀏覽器上面利用了！！

以下是我本身有使用的安裝的擴充，有些可能在很早期開始使用chrome就已開始使用了
簡潔好用工具值得介紹分享～

* AdBlock (阻檔各式各樣的廣告！我想投放廣告商應該很不喜歡這個功能 XD)

* ColorZilla（選色功具）

* Designers Ruler （尺規工具，方便測量網頁上區塊尺寸！不用點開發者人員工具來檢視啦～～～）

* HTML5 Outliner（查看HTML架構層級，也等於檢視HTML標籤的使用及SEO）

* Emmet Re:view （網頁RWD必備檢視工具！）

* Wappalyzer （檢視別人的網站裡用了那些工具、技術）

* Octotree （常上GitHub的迷，推薦要裝的擴充，讓你更好找資料）

* FireShot (捕捉網頁截圖，這也是我使用多年工具)

* WhatFont （方便查看網站上的字型，這就設計師也很好用的工具啦～ ）

* OneTab （有沒有開啟網頁頁面找個資料就40-50個以上？關掉又怕找不到或是暫時沒時間看！但一直開著其實很吃記憶體。而這功能就是先將你的瀏覽頁面縮在一頁裡暫存起來！像我一樣有這苦腦的人可以試試喔～）

今日好物分享至此！
想到分享這個是在找資料時，有人推薦Emmet Re:view
一看到自己也是經過多年，很多方式都是用Chrome 的擴充工具
點開自己已安裝的工具還真不少啊～
就挑了幾個跟網站開發時，會需要的工具推薦給各位。
雖然.... Chrome開發者工具好用，但方便性還是會輸給"特一功能性"的工具
如：尺規、RWD檢視，我個人就覺得更好用～～～丫～～～～
各位可以上去Chrome的線上應用程式商店，上的「擴充功能」找找有沒有適合或喜歡的工具來用用，好東西再記得回來分享留言唷～