Chrome 80：当 DevTools 未聚焦时暂停脚本执行 (F8) 不起作用

Question

从 Chrome 80 开始，当焦点在我正在开发的网站上时，我无法暂停脚本执行。这非常不方便，例如在调试悬停效果时。

有没有其他人遇到过这个问题或有更多关于它的信息？也许是浏览器设置深处的功能标志？

更新

这已在 Chrome 83 中修复。

Answer 1

在修复之前，您可以在您的应用程序中使用以下内容：

document.addEventListener('keydown', function (e) {
    if (e.keyCode == 119) { // F8
        debugger;
    }
}, {
    capture: true
});

Answer 2

解决方法

您可以使用选项Break on -> 子树修改

它帮助我停止脚本执行而不是使用 f8 功能。

步骤： 1. 为需要调试的元素打开“Break on” 2. 进行一些更改（如我的情况，将鼠标悬停或打开下拉列表） 3. 浏览器将暂停脚本执行

Answer 3

这是 Chrome 中的一个错误，我在这里找到了错误报告：