文章目录
  1. 1. 场景 —— 开发过程
  2. 2. 场景 —— 线上调试
    1. 2.1. fiddler 代理本地前端资源
    2. 2.2. spy-debugger

场景 —— 开发过程

  • ctrl+p chrome 查找当前网站已加载的资源文件
  • 断点调试

场景 —— 线上调试

fiddler 代理本地前端资源

使用fiddler 将线上资源代理到本地调试,如:css, js , image 文件等等,步骤可参考

注意
fiddler 无法抓取 chrome 解决方法,代理插件选择“使用系统代理设置”选项
。fiddler 会自动给浏览器设置一个代理 127.0.0.1 端口 8888,并且记忆浏览器的代理设置,所有的请求先走 fiddler 代理,再走浏览器代理。
如果使用插件,可能会直接屏蔽了 fiddler 的代理,因此无法监听到请求了。

spy-debugger

微信调试,各种 WebView 样式调试、手机浏览器的页面真机调试。便捷的远程调试手机页面、抓包工具,支持:HTTP/HTTPS,无需 USB 连接设备。

文章目录
  1. 1. 场景 —— 开发过程
  2. 2. 场景 —— 线上调试
    1. 2.1. fiddler 代理本地前端资源
    2. 2.2. spy-debugger