整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
究竟有哪些實用的擴充外掛(Browser extension)？
前言
瀏覽器的擴充套件類型非常的多，那麼對於一名工程師來講又有哪些實用的擴充套件呢？所以這一篇就介紹一下我本身有安裝的擴充套件有哪些，那麼由於我主要使用 Firefox 瀏覽器，但我也會盡可能同步提供 Chrome 的擴充套件連結。
翻譯套件
Chrome 瀏覽器的使用者大多都會被推薦使用 Google 翻譯，畢竟是自家 Google 開發
但是我個人推薦使用「沙拉查詞-多字典滑鼠選字翻譯」這個套件
主要原因在於它支援大量的翻譯字典，例如：
- 必應詞典
- 美國傳統詞典
- 牛津高階詞典
- 彩雲小譯
- 劍橋詞典
- CNKI翻譯助手
- 柯林斯高階
- Etymonline
- 雙語例句
- 谷歌翻譯
- 谷歌詞典
等等，非常多。
色碼查詢
ColorZilla 是一套色碼查詢套件
顯示網頁伺服器位置
Flagfox 是一套非常簡單的功能，它會直接顯示你當前瀏覽的網頁頁面伺服器在哪個國家，並依據該國家的國旗顯示在畫面上
但是 Chrome 並沒有這個套件，可以你可以改下載另一套「IP Domain Country Flag」也是具有相同功能
顯示網頁的字體
如果你想要查詢某個網頁上的字體叫什麼的話，我個人推薦使用「Fonts Ninja」
查詢網頁使用技術
Wappalyzer 相信是非常多人裝的套件，但不免也是推薦給各位
而另一套我還有額外使用「whatruns」
如果論精準度的話，我個人認為 Wappalyzer 是比較精準的。
查詢用什麼 CMS
有時候看到某些部落格或者是網站，你可以使用「What CMS Is This」來查詢
Gmail 通知
「Notifier for Gmail」是一套我非常喜歡的擴充套件，這個套件它會通知你有新的信件進來，可以避免你漏信
查看 JSON 檔案
如果你是前端工程師，那麼這個套件就不用我在說明了吧。
SEO 分析工具
這類型的套件就很多了，我主要是使用「SEO Site Tools, Site Analysis」來做分析
顯示 HTML 階層
這個套件可以快速幫你顯示出該頁面上的 HTML 所有階層，也可以用來看出自己在 HTML 規劃上是否得宜
那麼以上大概就是我常用的瀏覽器擴充套件囉~
整理這些技術筆記真的很花時間，如果你願意 關閉 Adblock 支持我，我會把這份感謝轉換成更多「踩坑轉避坑」的內容給你！ヽ(・∀・)ﾉ
你的支持會直接轉換成更多技術筆記
如果我的筆記讓你少踩一個坑、節省 Debug 的時間，
也許你可以請我喝杯咖啡，讓我繼續當個不是 Array 的 Ray ☕
|
