web前端常用chrome谷歌浏览器扩展插件
FeHelper简直就是前端开发人员的神器，它是由国人开发的一款前端工具集合的小插件，插件功能齐全，基本上涵盖了前端从业者经常会使用到的基础功能，使用起来也很顺手。
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将（fehelper_v10.5）文件夹拖入。
展示你访问的网页由什么技术栈所构建，准确率还是不错的，方便分析其他网站。
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将（Wappalyzer）文件夹拖入。
lighthouse 插件会对网页的各个测试项的结果打分，并给出优化建议报告，是一个非常实用的可视化网站优化工具。
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将（lighthouse_v2.5.0）文件夹拖入。
在GitHub边侧栏上显示代码树。非常适合查看项目源代码，无需将代码库clone到编辑器就可以如同在编辑器中操作一样， 可以直接搜索文件跳转。
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将（Octotree）文件夹拖入。
Postman 插件可以复用浏览器的Cookie，更加方便测试。不论你是做后端开发还是客户端开发，Postman都是测试HTTP接口的必备利器，支持集成测试；还可以将测试请求分组，然后批量执行。
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将（postman）文件夹拖入。
如果你使用React进行开发，那必不可少的就是React Developer Tools, 它是Fecebook出品的，同样使用 React Developer Tools 进行调试时，可以查看应用程序的 React 组件分层结构.
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将（react）文件夹拖入。
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用,被称为“Vue 调试神奇” vue是数据驱动的, 利用这个插件，这样就能看到vue中每个组件的data、props、computed等多种属性和方法，为我们项目的开发与调试提供了很多的便利 。
[安装] 打开谷歌浏览器扩展程序界面，开启开发模式，将 vue-devtools-master/shells/（chrome）文件夹拖入。