1. GitHub加速插件
作为一名开发者那就没有不知道Github的，因为它是一个巨大的开源宝库，以及程序员和编程爱好者的聚集地，是每个程序员都会用到的必备工具。不过他的访问速度真的是太垃圾了，无论是页面加载速度还是clone速度。
GitHub加速插件是一款谷歌浏览器插件，安装起来非常简单。谷歌浏览器输入下面的网址。其实就是在谷歌应用商店搜索github 加速，安装即可。
https://chrome.google.com/webstore/search/github%E5%8A%A0%E9%80%9F?hl=zh-CN
安装之后github除了页面几乎秒开之外，clone地址中多了一个加速选项。本人测试了一下，原本clone速度几乎在10-40k之间，使用加速地址妥妥的2MB以上。
2. Switcheroo Redirector
Switcheroo Redirector 是谷歌浏览器的一款代理插件，现在代理基本已经烂大街了，之所以推荐他是因为他用起来真的很简单，当然也有很大的局限。它适用于早起以版本号命名js和css资源的项目。
https://chrome.google.com/webstore/search/Switcheroo%20Redirector?hl=zh-CN
第一个Input中输入需要代理的资源地址，第二个Input中输入被代理到的地址就可以了。我一般使用他将正式环境的资源映射到本地，这样就可以使用正式的数据进行问题排查了。
3. Adblock Plus
是谷歌浏览器一款免费的广告拦截器，安装方法和上面相同谷歌应用商店搜索安装就可以了，以前百度搜索的时候总是推荐一堆广告，本人也比较手贱，每次都会点，有了这个工具，广告再也没有了...
4. vConsole
vConsole是腾讯开发的js插件, 重写了console方法，实现了类似于微信小程序的移动端调试效果。如果你开发过微信小程序，可以看到小程序调试模式下右下角会有个vconsole的绿色字样，点击之后会展示出类似浏览器控制台一样的效果。
在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。通过vConsole.js 就可以实现移动端调试效果。
具体使用方法也很简单，引入js，实例化就可以了。
<script src="path/to/vconsole.min.js"></script>
<script>
// init vConsole
var vConsole = new VConsole();
console.log('Hello world');
</script>
5. Postman
Postman是一种网页调试与发送网页http请求的chrome插件。我们可以用来很方便的模拟get或者post或者其他方式的请求来调试接口。
对于这个工具来说前端使用的一般不多，多数情况服务会使用他进行接口自测。个人只有在写node服务的时候才会用到。上手比较简单。，输入要请求的地址，填写响应的参数，请求头，点击发送按钮即可。
6. Charles
charles是一款抓包工具，可以抓取我们页面整个加载过程中的所有资源和请求访问。如果你是web开发者，那么这款工具对你来说用途或许不大，如果你是H5开发者，那么你一定需要他。
因为我们知道现代的浏览器是内置了network调试工具的，多数情况下我们会通过他来作为前后端交互的中转，从而定位开发中的问题发生在前端还是后端。但是对于移动端来说，手机更像是一个黑盒子，开发者很难看到前后端交互的过程。charles就帮我们解决了这个问题。
他可以清晰完整的记录到我们请求的整个过程。
7. Iloveimg
iLoveIMG是一款在线处理图片文件的网站。我们的服务完全免费,而且使用简便。网站的功能有: 压缩图像文件、调整文件尺寸、裁剪文件,以及转换文件格式等!
页面可能丑了点，但是功能还是不错的。
https://www.iloveimg.com/zh-cn
8. Getwaves
是一个免费的波浪生成器，这个网站可以按照形状、颜色、方向、抖动、随机等条件生成你想要等各种波浪png图片，很多人都觉得他这是设计师使用的，我并不这么认为！
https://getwaves.io/
