前端调试工具有很多，只要自己用顺手一种就可以了，本人是windows
fiddler工具，
一：AutoResponter 这是最长用的吧，可以代理接口，模拟数据，
三个步奏：1.拿到接口数据
2.点击AutoResponter的Rule Editor 配置本地地址 保存，
3.打来AutoResponter就行了
详细用法（1）：请求你的页面在fiddler看到你的接口名称选中， 点击AutoResponter 一栏，点击Add Rule ，效果是：你的接口名称会在AutoResponter下面出现，
（2）：选中接口名称右键 看到Save的 最后一栏 ...and Open as Local file , 效果是：接口请求的数据会导出到本地，
（3）：在AutoResponter 最下方的Rule Editor中 第一栏是你的接口名称，第二栏是配置本地的接口文件，选中刚导出本地的文件 save保存，打开 AutoResponter就行了。
二：Stave 这个工具可以代理本地文件模拟线上页面，用处就是：不用线上发布 打包文件就行了，省去发布一环节
用法：1.点击Stave一栏选中 project one中的一个右键添加一个规则，把线上地址替换为本地文件 选中一个颜色，
2.在打开项目页面时候，fiddler会看到你选中的颜色请求，
Chrome的:inspect
一：这个可以真机调试 也可以在电脑中下载一个模拟器调试，
1.真机调试要连接线连接手机电脑，在手机设置中允许调试，安装测试包apk 打开页面，
2.打开chrome://inspect 页面 点击inspect进入Chrome调试
二：同样的方式，只是不用真机调试，在电脑中安装模拟器，我用的是雷电模拟器，需要下载
同样步奏是上面1,2
node调试工具：Debug
1：需要在项目中安装 koa koa-route
命令行输入：npm install --save koa koa-route
2：引入koa模块
3：命令行输入：node --inspect app.js
4：打开Chrome：inspect调试页面就可以调试了 其他的都和页面调试一样了，
node调试工具有很多这只是一种，百度一下会有很多教程