忽略 Chrome 开发工具窗格中的点击答案

【问题标题】：Ignore clicks in the Chrome Dev Tools pane忽略 Chrome 开发工具窗格中的点击
【发布时间】：2016-05-19 22:17:19
【问题描述】：

我正在尝试查看并更改单击时显示的某些元素的样式，并在单击页面上的其他任何位置时隐藏（这是一个模式弹出窗口）。问题是单击开发人员工具窗格会触发“单击其他任何位置”操作，因此我试图查看的元素被隐藏了。

如何忽略 Chrome 开发人员工具窗格中的点击，以免触发点击操作？

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

【问题讨论】：

【解决方案1】：

啊，这有一个很好的技巧。

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

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

【讨论】：

【解决方案2】：

大多数情况下，使用快捷方式冻结代码执行是有效的。但只是遇到了一个由于某种原因它没有的情况（也许它只是一个 CSS 隐藏/显示??‍♂️）。

通过在元素面板中找到弹出框正在渲染到的容器来管理它→右键单击它→选择“中断/子树修改”

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

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

【讨论】：

【解决方案3】：

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

【讨论】：