前端開發中一些好用的chrome插件總結

親們支持個人新博客哦==》地址（之後更新會盡可能在新博客更新，歡迎你們訪問加入個人後宮w）

（歡迎加羣一塊兒玩耍：575180837）

下載了不少chrome插件和應用，有些是經常使用的，有些偶爾用一次，有些是不止開發中用的，現作一下總結：

紅色是我的認爲比較好用的，排名不分前後

1.AppJump管理應用的插件

 安裝了許多應用以後確定是須要工具管理的。 AppJump能從工具欄下拉菜單上快速找到並啓動應用程序和其餘插件。AppJump的一個很酷的功能是能將應用程序和插件組織進入不一樣組。例如，能夠輕鬆將我的插件同工做插件隔開，以進行更有效的時間管理。

可是管理所有插件會另開頁面，這點不太方便。

2.Extensions Manager

同上面的功能同樣也是管理各類應用和插件的

我的以爲這個更方便，不須要顯示什麼應用直接叉掉或者卸載，點擊就經過下拉菜單顯示全部插件列表，惟一不足APPJump的地方就是不能應用分組，界面沒有它好看。這兩個選一個用便可，我選擇這個。

3.awesomescreenshot網頁截圖&錄屏插件

 

 

 

4.檢測網站使用框架的插件

4.1 library sniffer

4.2 pagexray

能夠檢測網站框架，並且還能夠檢測SEO

可是須要新開頁面檢測，本頁提示較少並且是小窗顯示在頁面下方

4.3 wappalyzer

但有些網頁沒法檢測

4.4 whatruns

使用過這麼多後，發現這個是檢測最全的

5.website analysis by pagelocity

網頁分析工具

6.Code COLA可視化CSS編輯器

點擊網頁的一片區域，可視化修改當前樣式，不須要開發人員一點一點的不停修改。不能再好用了！

7.MeasureIt！

頁面尺子，隨時亮出頁面尺寸

8.Palette Creator

選擇一個圖片，右擊選擇該功能，能夠取出圖片全部顏色卡（FE直接能夠頁面取色）

9.Search by Image

查詢圖片源

10.Simple Material Design Palette

調色盤

頁面調色盤

 

11.WhatFont

查看網頁字體和字體大小（我的感受並很差用）

 

 

12.Code Plunker

html、css、js代碼立馬測試

 

 

13.IE Tab

以IE內核顯示頁面，測試瀏覽器兼容性不須要再開不少頁面了

 

14.Mobile/Responsive Web Design Tester

模擬各類不一樣手機分辨率下的頁面，橫屏豎屏均可以，方便兼容性和移動端測試

 

15.Resolution Test

頁面在不一樣分辨率下的測試，同上面一些插件的用法

 

16.WebDeveloper

是另外一個全面的開發者工具。它的開發者同時也開發不少受歡迎的Firefox插件。有了此插件，用戶能夠查看和編輯CSS、顯示圖片文件的大小和清除會話cookie。

17.DomainFlag

顯示網站服務器等信息，生成頁面二維碼等

18.XML Tree

檢查XML語法

19.PHP Console

檢查PHP語法

20.COOKIE快速模擬

快速模擬cookie

 

21.JavaScript Errors Notifier

檢查js錯誤

 

22.JSON-handle

JSON內容編輯和瀏覽和查錯

 

 

23.前端開發助手

還能頁面取色

24.Tampermonkey

瀏覽器擴展和最爲流行的用戶腳本管理器

 

25.Vue.js devtools