### **调试/抓包工具**
至于为什么要调试,啥时候需要抓包,我猜你应该知道吧。
#### **Fiddler**
介绍:个人认为是 Windows 平台最好用的抓包工具;
下载:[https://www.telerik.com/fiddler](https://www.telerik.com/fiddler)
使用方式:这一篇文章写的很全,认真看完就够用了 [Fiddler 抓包工具总结](https://www.cnblogs.com/yyhh/p/5140852.html)
#### **Charles**
介绍:Mac 一般用 Charles 的较多,其实 Charles 还有 Windows、Linux 版本,但需要收费;
下载:[https://www.charlesproxy.com/](https://www.charlesproxy.com/)
使用方式:这里有一个系列的文章(但是服务器好像不稳定,有时打不开) [抓包工具Charles的使用教程](https://zhubangbang.com/charlesproxy)
#### **vConsole**
介绍:腾讯出品,一个轻量、可拓展、针对手机网页的前端开发者调试面板;
链接:[https://github.com/Tencent/vConsole](https://github.com/Tencent/vConsole)
使用方式:看看 README 就行啦
#### **Chrome DevTools**
介绍:我想应该不用多介绍了吧,主要推荐一下 `Chorme Inspect` ,可以用来调试 `Android Webview`;
使用方式:这两篇文章虽然比较老,但相对较全 [chrome inspect 远程调测:Chrome on Android之一 普通调试](https://www.cnblogs.com/sunshq/p/4111610.html),[chrome://inspect 移动前端调试方案(Android + Chrome 实现远程调试)](https://www.cnblogs.com/sunshq/p/4111684.html),由于国内网络环境,可能会出现 打开白屏的情况,可以看考 [Chrome inspect 白屏解决方案](http://www.cnblogs.com/slmk/p/7591126.html)
#### **Wireshark**
介绍:其实这个我也不熟,只是见别人用过,是一个 `网络封包分析软件` ,比如:客户端发了请求,但服务端没收到,可以用来抓取服务端网卡记录来分析;
链接:[https://www.wireshark.org/](https://www.wireshark.org/)
使用方式:我也不熟悉,自行 google 吧 ~~~~_~