Chrome80:当 DevTools 未获得焦点时,暂停脚本执行 (F8) 不起作用
Chrome 80: Pause script execution (F8) does not work when DevTools is not focused
since Chrome 80 当焦点在我正在开发的网站上时,我无法暂停脚本执行。这非常不方便,例如调试悬停效果时。
是否还有其他人遇到过此问题或有更多相关信息?也许是浏览器设置深处的功能标志?
更新
这已在 Chrome 83 中修复。
这是 Chrome 中的错误,我在此处找到错误报告:
https://bugs.chromium.org/p/chromium/issues/detail?id=1049910&q=f8&can=2
在修复之前,您可以在您的应用中使用以下内容:
document.addEventListener('keydown', function (e) {
if (e.keyCode == 119) { // F8
debugger;
}
}, {
capture: true
});
使用 Ctrl+\ 暂停调试器。有效。
解决方法
您可以使用选项Break on -> subtree modifications
它帮助我停止脚本执行而不是使用 f8 功能。
步骤:
1.为需要调试的元素开启'Break on'
2. 进行一些更改(根据我的情况悬停或打开下拉列表)
3. 浏览器会暂停脚本执行
since Chrome 80 当焦点在我正在开发的网站上时,我无法暂停脚本执行。这非常不方便,例如调试悬停效果时。
是否还有其他人遇到过此问题或有更多相关信息?也许是浏览器设置深处的功能标志?
更新
这已在 Chrome 83 中修复。
这是 Chrome 中的错误,我在此处找到错误报告:
https://bugs.chromium.org/p/chromium/issues/detail?id=1049910&q=f8&can=2
在修复之前,您可以在您的应用中使用以下内容:
document.addEventListener('keydown', function (e) {
if (e.keyCode == 119) { // F8
debugger;
}
}, {
capture: true
});
使用 Ctrl+\ 暂停调试器。有效。
解决方法
您可以使用选项Break on -> subtree modifications
它帮助我停止脚本执行而不是使用 f8 功能。
步骤: 1.为需要调试的元素开启'Break on' 2. 进行一些更改(根据我的情况悬停或打开下拉列表) 3. 浏览器会暂停脚本执行