[英]Ignore clicks in the Chrome Dev Tools pane
我正在尝试查看和更改某些元素的样式，这些元素在单击时显示并在单击页面上的其他任何地方时隐藏（这是一个模态弹出窗口）。 问题是单击开发人员工具窗格会触发“单击其他任何地方”操作，因此我尝试查看的元素被隐藏。
如何忽略 Chrome 开发人员工具窗格中的点击，以便点击操作不会触发？
（标记 jQuery 和 Javascript，因为我不确定这是否是 Chrome 的问题，或者我是否需要以不同的方式加载脚本。）
啊，这有一个很好的技巧。
转到“源”面板，然后使用“fn + F8”键盘快捷键暂停脚本执行。 （将鼠标悬停在暂停图标上可查看您的操作系统的键盘快捷键）
现在使用开发工具左上角的元素选择器选择您选择的元素并检查其样式。
大多数情况下，使用快捷方式冻结代码执行是有效的。 但是遇到了一个由于某种原因没有显示的情况（也许它只是一个 CSS 隐藏/显示 🤷🏽♂️）。
通过在元素面板中找到弹出窗口被渲染到的容器来管理让它工作→右键单击它→选择“中断/子树修改
这应该在显示/隐藏时暂停代码执行 - 让您有时间检查。
希望这可以帮助。 干杯🥳
按F12 > 转到源> 按暂停脚本
通过 Chrome 开发工具控制台将点击发送到“生成的源/计算的 html”按钮
[英]send clicks to “generated source/computed html” buttons via Chrome Dev Tools console
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
