使用Chrome的扩展插件使得我们的日常工作不再那么的乏味。虽然Chrome给我们提供了很多内置的扩展,似乎我们不再需要其他更多的工具了,但我们还是想向你介绍15个对WEB开发人员最佳的Chrome扩展插件。
1.Web Developer
为Chrome的Web开发者扩展增加了一个不同的工具栏,提供了一些不同的工具。绝对是开发人员最有用的浏览器扩展之一。
![](https://i-blog.csdnimg.cn/blog_migrate/b7e4d6921953457dc50fb491e4a483cb.jpeg)
2.Responsive Web Design Tester
The Responsive Web Design Tester 是一个非常棒的浏览器扩展,使你可以快速的查看你的网站在不同设备和不同浏览器下的状态。
![](https://i-blog.csdnimg.cn/blog_migrate/fd21ff434770d77b1e5ab4b43144e5f4.jpeg)
3. Window Resizer
Window Resizer 扩展允许您调整浏览器窗口。单击菜单栏中的图标会产生一个可以自定义窗口大小的下拉菜单。
![](https://i-blog.csdnimg.cn/blog_migrate/dcb5499acc2872a8766bb7b5a6a815d7.jpeg)
4. ColorPick Eyedropper
ColorPick Eyedropper 是一个简单的颜色选择器工具,允许您从任何web页面选择颜色值。
![](https://i-blog.csdnimg.cn/blog_migrate/d910fd727b653e0399aae6e5fcd9649a.jpeg)
5. CSSViewer
CSSViewer是一个简单的CSS属性查看器。它提供了一个浮动面板,该面板显示鼠标悬浮在的元素的标识,以及它的字体、文本、颜色、背景、框、定位和效果属性。CSSViewer提供你所需要的基本的CSS信息。
![](https://i-blog.csdnimg.cn/blog_migrate/b017683736384d392db4977f76b067bb.jpeg)
6.Lorem Ipsum generator
The lorem ipsum 生成器所做的就像它的名字一样。它提供了一种简单快速的方式创建默认的文本。如果你需要一些默认的文本作为一个占位符的话,这绝对是一个好的选择。
![](https://i-blog.csdnimg.cn/blog_migrate/072d05ce1957a68a92c2d5ea118979b0.jpeg)
7. Ghostery
Ghostery是一个Chrome扩展,可以在网站上检测追踪器,像素,和任何其他嵌入式代码片段。你立即看到你访问过的网页安装了哪些插件和追踪器。另外,Ghostery可以保护您的隐私,它不需要注册即可使用。
![](https://i-blog.csdnimg.cn/blog_migrate/c19b528a4365ffcba4c5511bd15449a5.jpeg)
8. Wappalyzer
Wappalyzer同Ghostery一样的浏览器扩展,揭示了网站上使用的技术。它可以检测到内容管理系统、电子商务平台、web服务器、JavaScript框架,分析工具等等。
![](https://i-blog.csdnimg.cn/blog_migrate/9b19ee04734ffc38324fda36f8a7b8df.jpeg)
9. Usersnap
![](https://i-blog.csdnimg.cn/blog_migrate/2b3f3674528f590eadcf91901e4f2f23.jpeg)
10.IE Tab
需要做一些IE测试又不想安装各种不同的IE版本吗?试试 IE Tab 这个Chrome扩展吧,它直接在Chrome中通过模拟IE渲染引擎来模拟IE浏览器。你可以直接在chrome浏览器测试你的网站对于IE6,IE7,IE8或IE9的显示情况。
不幸的是,该扩展目前只有Windows系统下可用。
![](https://i-blog.csdnimg.cn/blog_migrate/7b1ad0caf4fc3c7a8ed5fd2d0ece4c64.jpeg)
11.Site Spider
如果你需要找到你的网站的失效链接,想限制搜索一个特定的目录,你需要Site Spider。
![](https://i-blog.csdnimg.cn/blog_migrate/bff475bf9eb41ffbe866f5a7356e67f4.jpeg)
12. Session Manager
当你做WEB开发工作的时候,浏览器标签管理是一个非常有用的技能。会话管理扩展可能是你需要的。它可以保存你的浏览状态并在以后重新打开。如果你需要重复打开某些页面的话,这个插件将是非常有用的。
![](https://i-blog.csdnimg.cn/blog_migrate/5f13f880d56e7fc6cb350e24c15d4d51.jpeg)
13.Clear Cache
这个非常有用的Chrome扩展可以让你从工具栏清除缓存。它的“幕后”的含义没有弹窗或确认对话框来分散你的注意力。这些数据是可定制的,包括应用程序缓存、下载、文件系统、表单数据,历史、本地存储、密码等等。
![](https://i-blog.csdnimg.cn/blog_migrate/9ceb17f846ae2564a7ef5c2cd982f18f.jpeg)
14.JSONView
作为一名使用RESTful api的开发人员,阅读原始JSON数据浏览器会很尴尬。JSONView这个Chrome扩展帮助您在浏览器中以树视图查看JSON文档,而不是在它的原始状态。
![](https://i-blog.csdnimg.cn/blog_migrate/a7d999ee08cd855e9e319f6122d599d7.jpeg)
15.Image Downloader
想直接下载网站上的图片?我建议你看看 Image Downloader 这个插件。它让你批量下载所有图片。也可以过滤网页的图片宽度、高度、URL。
![](https://i-blog.csdnimg.cn/blog_migrate/a8df63387653ed5148e3456ed71287a4.jpeg)