必备!十款 Chrome 编程扩展工具,你少了哪个?

2018-05-14 16:07:41 浏览数 (1)

1. Vue.js devtools

Chrome 开发者工具扩展,用于调试 Vue.js 应用。

2. React Developer Tools

React Developer Tools,可以在 Chrome 和 Firefox 开发者工具审查 React 组件的浏览器扩展。

3. AngularJS Batarang

AngularJS Batarang 是适用于 Chrome 的 AngularJS WebInspector 扩展。AngularJS Batarang 是开发者工具扩展,用来调试和分析 AngularJS 应用。

4. ng-inspector for AngularJS

ng-inspector for AngularJS 是一个在「检查元素」面板中显示当前页面实时 AngularJS 范围层次结构、以及它的控制器或指令与范围相关的浏览器扩展。

5. EnjoyCSS

EnjoyCSS 能够通过图形化的界面帮助你在线生成 CSS3 代码,可谓前端开发者的一大利器。

6. LiveReload

LiveReload 会监控你指定的目录中文件,如果有文件被更改,它就自动触发浏览器刷新页面,这样我们不用每次修改文件后,都要去按下 F5 刷新页面。

7. jSonView

很方便地帮助你验证和查看 jSON 文档。

8. User-Agent Switcher for Chrome

有了 User-Agent Switcher for Chrome,只需要一个浏览器插件,你可以随时更换 UA,测试网页的自适应情况,能够帮你很好地提高开发效率。

9. Page Ruler

Page Ruler 能够帮你快速查看网页中某个具体控件或者整个网页具体尺寸的情况,,测量网页元素,再也不用打开占据大片空间的「检查元素」窗口了。

10. 掘金 Chrome 插件

掘金Chrome插件,只需要一个新标签页面,它能够为你聚合呈现出来你所需要的内容


本文作者:掘金

原文链接:http://www.jianshu.com/p/5b7785917e1a

0 人点赞