喂，前端，你應該知道的chrome插件

最近，優勢閒。

壓力，有點大，回顧，曾今被問，你怎麼查看內存泄露，而後，一臉蒙。

工欲善其事, 必先利其器

最近在研究chrome devtools，發現，其實他很強。並且chrome6週一次的更新，devtools也在更新，愈來愈強大，愈來愈nice。

本篇，對於我是一個備忘錄。也但願你們能獲得幫助。

首先，chrome有插件，擴展，app三個層面的啥來着，分別能夠經過下面的命令查看

chrome://apps

chrome://extensions

chrome://components （注：老版本是 chrome://plugins）

更多內置命令，能夠參考 chrome地址欄命令

 

下面就是我收集的一些前端開發有用的擴展程序或者app，絕大部分是測試過的，最後一欄是最近更新日期，固然是越近更新越好。

你也能夠關注個人有道雲筆記 chrome插件

 

 

工具類
Web Developer	以工具欄的形式對網頁的(X)HTML、腳本、多媒體、CSS、緩存、圖象等多方面的實用工具	2017-08-10
FeHelper	包括字符串編解碼、代碼壓縮、美化、JSON格式化、正則表達式、時間轉換工具、二維碼生成器、編碼規範檢測、頁面性能檢測、頁面取色、Ajax接口調試	2017-08-09
octotree	Github和GitLab樹形導航	2017-08-10
Hasher	計算MD5，SHA-1和SHA-2，IP子網，網址解碼base64等等	2017-06-14
Postman （App）	Http請求工具	2017-08-02
基於REST的Web服務客戶端	基於REST的Web服務客戶端, 開發和測試REST風格的Web服務API	2016-05-06
Tampermonkey	是一款免費的瀏覽器擴展和最爲流行的用戶腳本管理器	2017-07-26
Allow-Control-Allow-Origin: *	跨域請求	2015-06-17
Redirector	重定向	2016-08-05
Clear Cache	緩存清理	2015-01-03
Proxy SwitchyOmega	代理	2017-08-02
谷歌訪問助手	谷歌訪問助手，你懂的	2016-10-31
Extensions Manager (aka Switcher)	管理app和extensions	2016-07-10
擴展管理器（Extension Manager）	擴展管理，我的以爲比上面那個簡單好用	2017-03-15
BuiltWith Technology Profiler	查詢網站的技術棧	2017-04-02
IP Address and Domain Information	ip地址和域信息，也能夠查本身的ip信息	2017-08-04
User-Agent Switcher for Chrome	切換user-agent	2017-08-03
Host Switch Plus	快速切換 Domain-IP 配置而不須要編輯 Hosts 文件，並方便的添加、修改、分組（批量開關）	2016-12-07
Minimalist Markdown Editor（app）	可視化markdown編輯	2016-05-22

 

CSS/HTML
CSSViewer	css查看器，惋惜不能複製	2017-03-06
Emmet Re:View	可讓您輕鬆查看網站在您每次進行媒體查詢時的外觀，以及同步全部頁面的滾動What Font	2017-06-16
What Font	頁面當前使用的字體名稱	2017-05-06
Eye Dropper	網頁取色	2016-10-05
捕捉網頁截圖 - FireShot的	網頁截圖	2017-05-22
Page Ruler	是設計者的一把尺子，您能夠用它來量度頁面上任意元素的尺寸，只要點擊一下該插件，而且拖 出尺子就能夠快速並且方便地度量尺寸	2014-09-19
SEO & Website Analysis	SEO和網站分析	2017-02-24
Web Developer Checklist	查看任何一個網頁的報錯和反常的問題	2017-08-09

 

 

其餘：

web-server-for-chrome: https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/related