在 chrome 调试器/DevTools 面板中冻结屏幕以进行弹出窗口检查？

得到它的工作。这是我的程序：

浏览到所需页面 打开开发控制台 - Windows/Linux 上的 F12 或 macOS 上的 option + ⌘ + J 在 chrome 检查器中选择 Sources 选项卡 在 Web 浏览器窗口中，将鼠标悬停在所需元素上以启动弹出窗口在 Windows/上按 F8显示弹出框时的 Linux（或 macOS 上的 fn + F8）。如果您点击了实际页面上的任何位置，F8 将不会执行任何操作。您的最后一次单击需要在检查器中的某个位置，例如源选项卡转到检查器中的元素选项卡找到您的弹出框（它将嵌套在触发元素的 HTML 中） 修改 CSS 很有趣

---

为了能够检查任何元素，请执行以下操作。即使很难复制悬停状态，这也应该有效：

在控制台中运行以下 javascript。这将在 5 秒内进入调试器。 setTimeout(function(){调试器;}, 5000)

去显示你的元素（通过悬停或然而）并等到 Chrome 进入调试器。

现在单击 Chrome Inspector 中的 Elements 选项卡，您可以在那里查找您的元素。

您也可以单击“查找元素”图标（看起来像一个放大镜），Chrome 会让您通过右键单击它来检查并在页面上找到您的元素，然后选择“检查元素”

请注意，此方法与此页面上的其他 great answer 略有不同。

---

更新：正如 Brad Parks 在他的评论中所写，只有一行 JS 代码有一个更好、更简单的解决方案：

运行 setTimeout(function(){debugger;},5000);，然后去显示你的元素并等待它进入调试器

原答案：

我只是遇到了同样的问题，我想我找到了一个“通用”的解决方案。 （假设该站点使用 jQuery）希望它对某人有所帮助！

转到检查器中的元素选项卡右键单击 并单击“编辑为 HTML” 在 之后添加以下元素，然后按 Ctrl+Enter：

右键单击这个新元素，然后选择“Break on...”->“属性修改” 现在转到控制台视图并运行以下命令： setTimeout(function(){$("#debugFreeze").attr("数据-rand",Math.random())},5000);现在回到浏览器窗口，您有 5 秒钟的时间找到您的元素并单击/悬停/聚焦/等，然后断点将被击中并且浏览器将“冻结”。现在您可以放心地检查您的单击/悬停/聚焦/等元素。

当然，如果你明白的话，你可以修改 javascript 和时间。

---

右键单击 Elements 选项卡内的任意位置 选择 Breakon... > 子树修改 触发您想要查看的弹出窗口，如果它看到 DOM 中的更改，它将冻结如果您仍然没有看到弹出窗口，请单击 Step over the next function(F10 ) 按钮在 Chrome 顶部顶部中心的 Resume(F8) 旁边，直到您冻结要查看的弹出窗口。

---

我发现这在 Chrome 中非常有效。

右键单击要检查的元素，然后单击强制元素状态 > 悬停。附上截图。

https://i.stack.imgur.com/1xqc4.png

---

我在这里尝试了其他解决方案，它们有效但我很懒所以这是我的解决方案

将鼠标悬停在元素上以触发展开状态 ctrl+shift+c 再次悬停在元素上右键单击导航到调试器

通过右键单击它不再注册鼠标事件，因为弹出上下文菜单，因此您可以安全地将鼠标移开

---

以前我的 Chrome 冻结功能无法通过按 f8 快捷键来工作，我使用这个四处走动并转到源选项卡，然后单击源选项卡中 chrome 开发工具右侧面板中的暂停/播放脚本执行按钮，我的快捷键是得到修复并从那时开始工作，真的很感谢，解决了我的问题

---

没有一种解决方案对我有用，只有如下所述的一种：https://developer.chrome.com/docs/devtools/javascript/disable/

对于 Linux（对于 Mac 使用 command 而不是 comtrol ）：

打开开发者工具（ ctrl + shift + I ）

运行命令窗口（ ctrl + shift + P ）

开始输入 javascript 并选择禁用 javascript

指令截图：

https://i.stack.imgur.com/8MFjx.png

---

如果您右键单击元素，则会冻结浏览器。

https://i.stack.imgur.com/4qDWq.gif

---