Web 端

alert 调试 - 阻塞

【重要】debugger 调试 - 阻塞

https://blog.csdn.net/weixin_41192489/article/details/123872064

控制台 API 调试

https://blog.csdn.net/weixin_41192489/article/details/123872064

【重要】console 调试

https://blog.csdn.net/weixin_41192489/article/details/123866661

【重要】断点调试

https://blog.csdn.net/weixin_41192489/article/details/124688086

Vue DevTools

限 vue 项目，必要的设置如下图

React DevTools

限 React 项目

移动端

手机真机调试本地前端

https://blog.csdn.net/weixin_41192489/article/details/118918591

移动端调试包

• vConsole【推荐，腾讯开发】
• Eruda【推荐】
• Whistle – 推荐
• JsConsole – 不推荐
• Weinre – 不更新了
• Spy-debugger —般

抓包工具

• Wireshark【推荐】
• Charles【限 Mac】
• Fiddler【限 Windows】
• mitmproxy

内网穿透方案

• frp
• ngrok
• localtunnel
• webhook.site
• smee.io

性能调试

• Lighthouse
• WebPageTest
• PageSpeed Insights

清除网页缓存

• 使用浏览器的无痕模式
• 调试插件的设置中，启用无痕模式
  

清除网络缓存

​

查看网速较慢时的效果

​