在Chrome中调试跳转前的页面

143 阅读1分钟

常见调试方法不支持

Chrome DevTools的Network面板勾选Preserve Log(勾选日志)选项只能保留之前的网络记录; Chrome DevTools的Sources面板左侧的资源目录,只能查看当前页面资源;

线上环境无法通过在代码中添加debugger或者console.log调试;

可使用的方法

如下图所示,打开Chrome DevTools,切换到Sources面板,点击XHR/提取断点后的+,在展开的输入框中输入待调试页面中请求到的接口,这样在操作网页时,请求到该接口时会自动暂停。

1826ed55-3010-45ad-8679-b9ea3a0f0de6.jpeg

除此之外,还可以尝试勾选遇到未捕获的异常时暂停在遇到异常时暂停来调试。