1、代码调试
- 控制台语句console.log()、alert()的弹出窗口
- 使用debugger语句暂停代码执行
- F12调出开发者工具
- chrome浏览器的插件:vue-devtools、React Developer Tools
2、接口调试
- Postman
- SWagger
- ApiFox
3、测试调试
- 兼容性调试
BrowserStack:是一款提供网站浏览器兼容性测试的在线测试工具,不必再准备很多虚拟机或者手机模拟器 - 移动端的前端调试工具
vConsole -移动端调试神器,可以看网络请求、控制台等,类似于浏览器的F12, - 抓包工具
Wireshark:网络封包分析工具,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程中各种问题定位;
Stream:网络请求分析开发者工具(IOS手机APP) - JSON格式转换
FeHelper:JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、网页取色器…