无法定位目标文件/行时,如何在Chrome开发者工具中设置断点?
如何在Chrome开发者工具文件列表异常时设置断点查看变量值

完全可以定位并设置断点,给你几个实用操作方法:
全局搜索定位代码:按
Ctrl+Shift+F(Windows/Linux)或Cmd+Opt+F(Mac)打开全局搜索框,输入你已知的文件名、代码片段或关键词,在搜索结果里找到对应条目点击,就能直接跳转到目标代码位置,然后点击行号左侧空白处即可设置断点。控制台强制触发断点:如果知道目标函数名,直接在控制台输入
debug(目标函数名),当该函数被调用时会自动触发断点;也可以临时输入debugger语句,代码执行到此处会自动暂停,方便快速查看变量。XHR/网络请求断点:如果目标代码和网络请求相关,切换到Sources面板的「XHR/fetch断点」标签,添加包含目标关键词的URL过滤规则,匹配的请求触发时会自动暂停,再从调用栈里找到目标代码行设置断点。
事件监听断点:若目标代码和特定事件(如点击、输入)绑定,在Sources面板的「Event Listener Breakpoints」里展开对应事件分类,勾选相关事件,事件触发时会暂停到对应代码位置,再定位到目标行设置断点。
断点设置完成后,代码执行到该位置会自动暂停,此时可以在Scope面板查看当前所有变量的值,也能在控制台直接输入变量名查看具体内容。
内容的提问来源于stack exchange,提问作者Ae Leung
相关产品推荐
相关产品推荐

