下载了很多chrome插件和应用,有些是常用的,有些偶尔用一次,有些是不止开发中用的,现做一下总结:
红色是个人认为比较好用的,排名不分先后
![](https://i-blog.csdnimg.cn/blog_migrate/a77329366a040982382587235d42d7d9.png)
1.AppJump管理应用的插件
安装了许多应用之后肯定是需要工具管理的。 AppJump能从工具栏下拉菜单上快速找到并启动应用程序和其他插件。AppJump的一个很酷的功能是能将应用程序和插件组织进入不同组。例如,可以轻松将个人插件同工作插件隔开,以进行更有效的时间管理。
![](https://i-blog.csdnimg.cn/blog_migrate/75064fa795418601e116a8f1750c020f.png)
但是管理全部插件会另开页面,这点不太方便。
![](https://i-blog.csdnimg.cn/blog_migrate/0fe19398f99618f30b257f8a78bb276a.png)
2.Extensions Manager
同上面的功能一样也是管理各种应用和插件的
![](https://i-blog.csdnimg.cn/blog_migrate/26b9c8cee6bde43aa7aec67d8f1e605c.png)
个人觉得这个更方便,不需要显示什么应用直接叉掉或者卸载,点击就通过下拉菜单显示所有插件列表,唯一不足APPJump的地方就是不能应用分组,界面没有它好看。这两个选一个用即可,我选择这个。
3.awesomescreenshot网页截图&录屏插件
4.检测网站使用框架的插件
4.1 library sniffer
![](https://i-blog.csdnimg.cn/blog_migrate/ddac5bae6e8d0f9880f6b5efb4cb575c.png)
4.2 pagexray
![](https://i-blog.csdnimg.cn/blog_migrate/ec670857b3dcee695c82c1f62250eae0.png)
可以检测网站框架,而且还可以检测SEO
但是需要新开页面检测,本页提示较少而且是小窗显示在页面下方
![](https://i-blog.csdnimg.cn/blog_migrate/b7188522817991a69a7b5ff9d9a28ec4.png)
4.3 wappalyzer
![](https://i-blog.csdnimg.cn/blog_migrate/6fc3fdd8e95f2f920f8e20f719503037.png)
但有些网页无法检测
![](https://i-blog.csdnimg.cn/blog_migrate/f3fd295d5a94f7edc98f433a476275f1.png)
4.4 whatruns
![](https://i-blog.csdnimg.cn/blog_migrate/e3879d9d9cadd8c76582f1983599496a.png)
使用过这么多后,发现这个是检测最全的
![](https://i-blog.csdnimg.cn/blog_migrate/e4fddccd1dcab34676419cd38f3efb54.png)
5.website analysis by pagelocity
网页分析工具
![](https://i-blog.csdnimg.cn/blog_migrate/b9a5ac812d954e351242da334f562f5b.png)
6.Code COLA可视化CSS编辑器
点击网页的一片区域,可视化修改当前样式,不需要开发人员一点一点的不停修改。不能再好用了!
![](https://i-blog.csdnimg.cn/blog_migrate/4b9fee6df1f8ab202c8ec4ee9286cacb.png)
7.MeasureIt!
页面尺子,随时亮出页面尺寸
![](https://i-blog.csdnimg.cn/blog_migrate/49d43c2fbe2923cbd9ad0dfc7a2af39e.png)
8.Palette Creator
选择一个图片,右击选择该功能,可以取出图片所有颜色卡(FE直接可以页面取色)
![](https://i-blog.csdnimg.cn/blog_migrate/192c1cbdb3eb07510ad2fae416933e77.png)
9.Search by Image
查询图片源
![](https://i-blog.csdnimg.cn/blog_migrate/43ca081d2f290a093d27d66db6956207.png)
10.Simple Material Design Palette
调色盘
![](https://i-blog.csdnimg.cn/blog_migrate/f4bb29e9885ec2b13c89dff614113924.png)
页面调色盘
![](https://i-blog.csdnimg.cn/blog_migrate/ca9535c82b65c25afbd390e23b4a8bc3.png)
11.WhatFont
查看网页字体和字体大小(个人感觉并不好用)
![](https://i-blog.csdnimg.cn/blog_migrate/4a37f7c3d21c88b50bf98ec88d218040.png)
12.Code Plunker
html、css、js代码立马测试
![](https://i-blog.csdnimg.cn/blog_migrate/17a1e2d6af69c04ed1e750153695ab30.png)
13.IE Tab
以IE内核显示页面,测试浏览器兼容性不需要再开很多页面了
![](https://i-blog.csdnimg.cn/blog_migrate/09651c2b3cc6334bec0d80ebd567affe.png)
14.Mobile/Responsive Web Design Tester
模拟各种不同手机分辨率下的页面,横屏竖屏都可以,方便兼容性和移动端测试
![](https://i-blog.csdnimg.cn/blog_migrate/c8c12f06f7b25c961d957481a9e91761.png)
15.Resolution Test
页面在不同分辨率下的测试,同上面一些插件的用法
![](https://i-blog.csdnimg.cn/blog_migrate/b41f17bc84ff5c987cc9b58eedda44b0.png)
16.WebDeveloper
是另一个全面的开发者工具。它的开发者同时也开发很多受欢迎的Firefox插件。有了此插件,用户可以查看和编辑CSS、显示图片文件的大小和清除会话cookie。
![](https://i-blog.csdnimg.cn/blog_migrate/2d277f8355da8f4f8ca6a2013c157728.png)
17.DomainFlag
显示网站服务器等信息,生成页面二维码等
![](https://i-blog.csdnimg.cn/blog_migrate/1ef91791f453211fe056d39b5b89b1f1.png)
18.XML Tree
检查XML语法
![](https://i-blog.csdnimg.cn/blog_migrate/aef9c8ee810d3dc61c8bd727a02a5ed9.png)
19.PHP Console
检查PHP语法
![](https://i-blog.csdnimg.cn/blog_migrate/88089fec44184ef57f8a37faeb342caa.png)
20.COOKIE快速模拟
![](https://i-blog.csdnimg.cn/blog_migrate/1d41ef1e4d27c880e48bca87589a03bb.png)
快速模拟cookie
![](https://i-blog.csdnimg.cn/blog_migrate/e26b2188fff5c0a43676207fd0d5f1c8.png)
21.JavaScript Errors Notifier
检查js错误
![](https://i-blog.csdnimg.cn/blog_migrate/ecd3d789236119b4eeba54a7e2986b96.png)
22.JSON-handle
JSON内容编辑和浏览和查错
![](https://i-blog.csdnimg.cn/blog_migrate/334fb25da987499c3bafd2aa6852919b.png)
23.前端开发助手
![](https://i-blog.csdnimg.cn/blog_migrate/75cd648d7a32aa3e871484b3b9c63b9c.png)
还能页面取色
![](https://i-blog.csdnimg.cn/blog_migrate/462d66db2d077dc7a23feb2909b3361c.png)
24.Tampermonkey
浏览器扩展和最为流行的用户脚本管理器
![](https://i-blog.csdnimg.cn/blog_migrate/ea266fbb1e0ccd0ff871ff2f28f8d199.png)
25.Vue.js devtools
![](https://i-blog.csdnimg.cn/blog_migrate/8a459f45a697ff91ebb9e97da9856b3b.png)