Chrome 前端 插件

本文內容都來源於偶整理的fetool。

想讓更多使用Chrome的小夥伴，體驗到這些使人愉悅的小工具，因此單獨整理了這篇文章。

若是你是 前端/服務端/設計/面向Github編程/視覺控，相信下列的插件有很多你會用到，期待你能喜歡:)

---

Chrome 應用商店一定是須要FQ的哈。

如下插件都是俺多年積累淘出來的，數量很少，因此就不區分 Github 插件和非 Github 插件了。按照俺推薦的強度自上向下展現，且大多數插件就是偶工做和生活必備，但願能對你們有用。後續若有新發現好插件，偶也會及時更新噠。

• Postman - POST 接口調試終結者，異常強大的接口調試工具。稍稍有一點學習成本，推薦之
• JSONView - 就是個 JSON 格式的查看工具，能夠很方便的展現數據，麻麻不再用擔憂偶調試接口啦。PS：同類插件有很多，因此用的開心就行
• 二維碼生成器 - RT。PS：這FF早已經自帶生成二維碼工具了，Chrome 還得裝插件才行，任性...
• WEB前端助手(FeHelper) 百度FE出品，功能超全的 Chrome 插件。簡單列一下其功能：QR碼生成器、字符串編解碼工具、JSON格式化查看器、前端編碼規範檢測、代碼壓縮工具、頁面取色工具、統計並分析網頁加載性能等等
• Eye Dropper 前端必備的顏色提取神器，操做簡單容易上手
• Page Ruler 前端必備的尺子。計算頁面元素間距、位置等信息的時候，你就知道它的好了，無腦上手，你值得擁有
• FireShot 能夠截取整個網頁、部分頁面，而後支持導出爲各類格式。俺微博上發的網頁全景圖都是靠這個插件截取的
• Infinity - 好很差用有點見仁見智了，可是我我的比較喜歡。使用後會讓你的 新標籤頁 耳目一新，有漂亮的背景和各類經常使用的功能，好比地圖、天氣、Gmail、Chrome商店等等。固然，在這個插件的設置中還能夠設置壁紙、動畫效果等等
• Momentum 一樣也是 新標籤頁 的插件，可是不論是視覺上(高清大圖)仍是功能上，都比 Infinity 高大上很多，Setting 裏面有很多設置和快捷鍵，都很好上手的。Infinity勝在中文和直觀，Momentum勝在視覺衝擊。俺基本上這倆款看心情換着用，因此但願你也都能喜歡:)
• Octotree - 在瀏覽器左側展現 Github 項目的文件導航，使目錄結構一目瞭然，並且咱們國內 Github 的訪問速度又不穩定，用這個工具也就很提效率了。對常用 Github 的同窗強烈推薦
• BuiltWith / wappalyzer / Chrome Sniffer Plus - 幾款超強的網站分析工具，能夠給出網站很是多的技術棧信息。大到 Web Servers、服務端的 Frameworks 或 JS 框架，小到 meta、編碼格式甚至 Analytics，很是推薦
• Adblock Plus 很是很是有名的免費的過濾廣告的插件。PS：廣告屏蔽這個見仁見智，其實俺我的仍是比較接受一些個性化推薦的廣告
• Wide Github 無聊又實用的 Github 插件。無聊是由於這個插件就特麼一個功能，加寬，能讓 Github 頁面變寬，每行展現更多的內容，尤爲配合着Octotree，展現效果極佳。很是推薦 Mac 用戶實用，由於屏幕比較不大，變寬後閱讀感受更好
• DevTools Author 純裝逼的插件，能夠選擇你的 Chrome 開發者工具的主題，且支持的主題超過25種，視覺裝逼控必備。設置分大概三步，官網有文字說明，youtube 上的視頻教程奉上(Customization With DevTools Author)[https://www.youtube.com/watch?v=AUZagMLMAJc]
• GitPlug - 在 Github 項目頁中嵌入有關的圖表信息，直觀的展現當前項目的 Star Trend，能方便看到當前這個開源項目的發起時間，火爆趨勢；對比較知名的項目還有相關的 News 展現
• OctoLinker - 在 package.json 或任意 .js 文件中，能夠方便的對 require() 的 package 進去點擊，跳轉去對應的 Github 頁面。PS：特麼不太好表達，建議你去這個插件的概述頁，裏面有個十來秒的視頻，看完就明白鳥

補充：

1. FQ代理的插件偶沒使用，偶手機和電腦的FQ都是配的 Surge 無腦搞定，不過FQ代理插件推薦Proxy SwitchySharp，熊掌公司裏大多用的都是它
2. 平常開發相關的插件就以上這些，還有幾款如知乎的插件、購物插件等這類與開發效率不沾邊的，俺就不這上頭列了哈