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. 浏览器会暂停脚本执行