Google chrome devtools “是怎么回事?”;弹出窗口的自动打开开发工具“;应该工作吗?

Google chrome devtools “是怎么回事?”;弹出窗口的自动打开开发工具“;应该工作吗?,google-chrome-devtools,Google Chrome Devtools,我一直无法使弹出窗口内的断点被此功能击中,这似乎是创建此功能的原因 我已经创建了一个在线测试用例(我想不出其他方法来做,因为它会涉及多个文件和一个弹出窗口,但是如果有人有建议,也许我可以改进这个问题)。转到: 加载一个索引页面,该页面具有一个带有嵌入式脚本的弹出窗口。如果我打开DevTools,启用该选项,然后单击按钮创建弹出窗口,它确实会在DevTools打开时打开弹出窗口。但是现在,如果我在第2行的popup.js中设置一个断点,并关闭弹出窗口,然后单击按钮再次打开弹出窗口,则不会命中断点

我一直无法使弹出窗口内的断点被此功能击中,这似乎是创建此功能的原因

我已经创建了一个在线测试用例(我想不出其他方法来做,因为它会涉及多个文件和一个弹出窗口,但是如果有人有建议,也许我可以改进这个问题)。转到:

加载一个索引页面,该页面具有一个带有嵌入式脚本的弹出窗口。如果我打开DevTools,启用该选项,然后单击按钮创建弹出窗口,它确实会在DevTools打开时打开弹出窗口。但是现在,如果我在第2行的popup.js中设置一个断点,并关闭弹出窗口,然后单击按钮再次打开弹出窗口,则不会命中断点


这就是目的吗?当我阅读及其评论时,似乎应该触发我的断点,因为这似乎是此功能背后的主要动机。

我假设您运行的Chrome带有
--标签自动打开devtools
标志

我的猜测是,在打开DevTools之后,重新创建之前的所有断点需要一些时间

但是,事件侦听器断点的创建速度似乎足够快。因此,您可以告诉Chrome暂停任何已计算脚本的第一条语句。如果在命中之前创建的行断点之后单击“继续”


我不是使用该标志运行,而是使用DevTools设置。您提供了一个很好的变通方法,可以在我提供的测试用例上使用。(我可以想象它可能会在一个大的例子中崩溃,因为如果你在每个脚本上都崩溃了,会有很多断点被击中。)仍然无法找出根本的问题(我仍然希望找到答案)。这在Chrome 61中仍然是正确的。在Chrome 87中仍然是正确的。