忽略Chrome开发者工具窗格中的点击次数
vai*_*dil 5 javascript jquery google-chrome google-chrome-devtools
我正在尝试查看并更改在单击页面上的任何其他位置时显示单击和隐藏的某些元素的样式(它是模式弹出窗口).问题是单击开发人员工具窗格会触发"单击其他任何位置"操作,因此我正在尝试查看的元素被隐藏.
如何忽略Chrome开发人员工具窗格中的点击次数,以便点击操作不会触发？
(标记jQuery和Javascript,因为我不确定它是否是Chrome的问题,或者我是否需要以不同的方式加载脚本.)
大多数时候，使用快捷方式冻结代码执行是有效的。但刚刚遇到了一种情况，由于某种原因它没有（也许它是CSS仅隐藏/显示\xe2\x80\x8d\xe2\x99\x82\xef\xb8\x8f）。
\n设法通过在元素面板 \xe2\x86\x92 中找到弹出窗口渲染到的容器来使其工作，右键单击它 \xe2\x86\x92 选择“中断/子树修改”
\n这应该会在显示/隐藏时暂停代码执行 - 让您有时间进行检查。
\n
希望这可以帮助。干杯
\n啊,这有一个很好的伎俩.
转到" 源"面板,使用"fn + F8"键盘快捷键暂停脚本执行.(将鼠标悬停在暂停图标上,查看操作系统的键盘快捷键是什么)
现在使用开发工具左上角的元素选择器选择您选择的元素并检查其样式.
- 聪明的答案，但不幸的是，这目前在 Chrome 中不适用于我。也许他们改变了开发工具中的某些内容。 (4认同)
尽管这篇文章很旧 - 我在同样的位置上挣扎。暂停没有帮助/工作，但你可以做的是：
转到DevTools (F12) --> Console --> 使用SetTimeout -Method（例如 3 秒）- 打开模式 - 超时后，PAUSE 将自动触发。
setTimeout(() => {debugger;}, 3000)
- 这真的很聪明，而且对我来说效果很好。 (2认同)
| 归档时间： |
|
| 查看次数： |
850 次 |
| 最近记录： |