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