忽略Chrome开发者工具窗格中的点击次数

Question

我试图查看并更改在点击页面上的任何其他位置时显示的点击和隐藏的某些元素的样式（它是模式弹出窗口）。问题是点击开发人员工具窗格会触发＆＃34;点击其他任何地方＆＃34;行动，所以我试图看的元素被隐藏了。

如何忽略Chrome开发者工具窗格中的点击次数，以便点击操作不会触发？

（标记jQuery和Javascript，因为我不确定Chrome是否存在问题，或者我是否需要以不同的方式加载脚本。）

Answer 1

啊，这有一个很好的伎俩。

转到来源面板，然后使用“fn + F8”键盘快捷键暂停脚本执行。 （将鼠标悬停在暂停图标上以查看操作系统的键盘快捷键）

现在使用开发工具左上角的元素选择器选择您选择的元素并检查其样式。

Answer 2

按 F12 >转到来源>按暂停脚本

Answer 3

大多数情况下，使用快捷方式执行冻结代码都有效。但是只是遇到了由于某种原因而没有这样做的情况（也许这只是CSS的hide / show ??‍♂️）。

设法通过在“元素面板”中找到将弹出框呈现到的容器来使其正常工作→右键单击它→选择“破坏/子树修改

这应该在显示/隐藏时暂停代码执行-给您时间检查。

希望这会有所帮助。干杯?