javascript - 忽略 Chrome Dev Tools Pane 中的点击

标签 javascript jquery google-chrome google-chrome-devtools

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

如何忽略 Chrome 开发者工具面板中的点击操作,以免触发点击操作?

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

最佳答案

啊,有一个很好的技巧。

转到 Sources 面板,使用“fn + F8”键盘快捷键暂停脚本执行。 (将鼠标悬停在暂停图标上以查看适用于您的操作系统的键盘快捷方式)

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

关于javascript - 忽略 Chrome Dev Tools Pane 中的点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35300359/

相关文章:

javascript - 如何让jquery插件使用jquery.live?

javascript - React - 单击不是其子组件的组件时呈现组件

JavaScript - putImageData 不会绘制每个图 block

javascript - DocumentFragment 丢失了我的部分内容

javascript - 将许多新图像绘制到 Canvas 时内存泄漏

python - 在 Python 中使用加密负载的 Chrome Web 推送通知

google-chrome - 如何设置 Headless Chrome 等待页面完全加载后再打印?

javascript - Highcharts固体规范动态更新

javascript - 通过使用 "|"作为分隔符的数据属性查找元素

javascript - 当我尝试将一段 html 压缩到单独的页面并压缩时它不起作用