忽略 Chrome 开发工具窗格中的点击
Ignore clicks in the Chrome Dev Tools pane
我正在尝试查看和更改某些元素的样式，这些元素在单击时显示并在单击页面上的其他任何地方时隐藏（这是一个模式弹出窗口）。问题是单击开发人员工具窗格会触发 "click anywhere else" 操作，因此我试图查看的元素被隐藏了。
如何忽略 Chrome 开发人员工具窗格中的点击，从而不会触发点击操作？
(标记 jQuery 和 Javascript 因为我不确定 Chrome 是否有问题或者我是否需要以不同的方式加载脚本.)
啊，有一个很好的技巧。
转到 Sources 面板，使用 "fn + F8" 键盘快捷键暂停脚本执行。 （将鼠标悬停在暂停图标上以查看您的 OS 的键盘快捷键）
现在使用元素 select 或从开发工具的左上角到 select 您选择的元素并检查其样式。
按F12>转到源>按暂停脚本
大多数时候使用快捷方式冻结代码执行是有效的。但是只是 运行 变成了一个由于某种原因没有的情况（也许它只是 CSS hide/show ♂️）。
设法通过在元素面板中找到弹出窗口被渲染到的容器来让它工作 → Right-clicking 在它上面 → 选择“中断 on/subtree 修改
这应该会在 show/hide 暂停代码执行 - 让您有时间检查。
希望这对您有所帮助。干杯
我正在尝试查看和更改某些元素的样式，这些元素在单击时显示并在单击页面上的其他任何地方时隐藏（这是一个模式弹出窗口）。问题是单击开发人员工具窗格会触发 "click anywhere else" 操作，因此我试图查看的元素被隐藏了。
如何忽略 Chrome 开发人员工具窗格中的点击，从而不会触发点击操作？
(标记 jQuery 和 Javascript 因为我不确定 Chrome 是否有问题或者我是否需要以不同的方式加载脚本.)
啊，有一个很好的技巧。
转到 Sources 面板，使用 "fn + F8" 键盘快捷键暂停脚本执行。 （将鼠标悬停在暂停图标上以查看您的 OS 的键盘快捷键）
现在使用元素 select 或从开发工具的左上角到 select 您选择的元素并检查其样式。
按F12>转到源>按暂停脚本
大多数时候使用快捷方式冻结代码执行是有效的。但是只是 运行 变成了一个由于某种原因没有的情况（也许它只是 CSS hide/show ♂️）。
设法通过在元素面板中找到弹出窗口被渲染到的容器来让它工作 → Right-clicking 在它上面 → 选择“中断 on/subtree 修改
这应该会在 show/hide 暂停代码执行 - 让您有时间检查。
希望这对您有所帮助。干杯