我们前端开发已经熟悉了chrome开发者工具的一些基本功能:DOM检查器、样式面板、javascript控制台等,下面来介绍一下超好用的chrome插件。
1、octotree
逛github 有了这个插件爬代码的时候再也不用下载了,Octotree 帮助你整理出来项目文件列表。
2、Clear Cache
快速清除页面缓存
3、JSON-handle
打开json格式文件的浏览编辑器
4、JSONView
一般我们在对接api接口的时候,一般都是默认返回json格式,想要查看具体返回哪些内容的时候通过Chrome查看全乱的,而且中文编码也不对,而有了这个插件就不一样了,自动跟你排列出Json数据,不管返回数据有多复杂,你都可以很直观的了解他的数据格式,简直开发者必备。
5、AngularJS Batarang / React Developer Tools / Vue.js devtools:Angular / React / Vue 调试工具。
6、PostMan
是调试 HTTP 请求的好工具,也是业界的佼佼者,这对于我们开发 Web Service 提供了很好的调试入口,支持请求认证机制
7、Page Ruler
这个工具设计师必备,可以直接查看网页一些图片的详细像素大小、具体位置等,非常实用。
8、CSSViewer
可以快速查看网页元素的CSS 还能查看:hover, :focus样式
----------
来源:切图网(http://qietu.com)
网友评论