前端开发与测试调试工具

1、代码调试

• 控制台语句console.log()、alert()的弹出窗口
• 使用debugger语句暂停代码执行
• F12调出开发者工具
• chrome浏览器的插件：vue-devtools、React Developer Tools

2、接口调试

• Postman
• SWagger
• ApiFox

3、测试调试

1. 兼容性调试
   BrowserStack：是一款提供网站浏览器兼容性测试的在线测试工具，不必再准备很多虚拟机或者手机模拟器
2. 移动端的前端调试工具
   vConsole -移动端调试神器，可以看网络请求、控制台等，类似于浏览器的F12，
3. 抓包工具
   Wireshark：网络封包分析工具，可以截取各种网络数据包，并显示数据包详细信息。常用于开发测试过程中各种问题定位；
   Stream：网络请求分析开发者工具(IOS手机APP)
4. JSON格式转换
   FeHelper：JSON自动/手动格式化、JSON内容比对、代码美化与压缩、信息编解码转换、二维码生成与解码、图片Base64编解码转换、Markdown、网页取色器…