前端开发与测试调试工具

前端开发与测试调试工具

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、网页取色器…
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值