Chrome/Edge的DevTools自动跳转至sources标签页,如何解决该问题?
自动跳转行为的设计原因
该行为是Chrome/Edge DevTools的原生调试机制,并非异常bug:当页面代码命中你预先开启的任意断点规则时,DevTools会自动切换到Sources(德语界面对应Quellen)标签页暂停代码执行,方便开发者定位代码问题。
关闭自动跳转的操作步骤
- 先切换到Sources标签页,找到顶部断点控制区的暂停样式按钮,若按钮处于高亮(蓝/紫色)状态,点击切换为灰色即可关闭「遇到所有异常自动暂停」规则;同时取消勾选按钮旁的捕获到异常时也暂停选项。
- 检查Sources面板侧边栏的所有断点分类,清空不需要的断点规则:
- 展开「XHR/fetch 断点」分类,取消总开关勾选或删除所有已添加规则
- 展开「DOM 断点」分类,删除所有已添加的节点断点
- 展开「事件监听器断点」分类,取消不必要的事件断点勾选或直接关闭总开关
- 展开「CSP 违规断点」分类,取消所有选项勾选
- 如果是页面加载时自动触发暂停,按
F8恢复一次执行即可清除临时加载断点。 - 永久关闭自动跳转的全局设置:打开DevTools设置(按
F1或点击右上角齿轮图标),在「调试器」分类下找到命中断点时自动切换到调试器面板的对应选项,取消勾选即可,后续即使命中断点也不会自动切换标签页。
内容的提问来源于stack exchange,提问作者David Mason
相关产品推荐
相关产品推荐

