javascript - 如何在 chrome 中设置 DOM 断点

Question

我正在尝试按照此处的教程进行操作。

我被困在DOM Breakpoints部分（靠近底部）。

我去了他们正在谈论的示例网站。我按下ctrl++shift并i导航到“元素”选项卡。在元素选项卡中，我找到了以下 html 部分：

<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>

现在我被困在试图找到上下文菜单：

在#profileCard 元素上调出上下文菜单并选择要中断的事件：子树修改、属性修改和节点删除

这是一个屏幕截图，显示我在哪里：

score 40 · Accepted Answer

要在 Chrome 中设置断点，请像上面显示的那样打开检查器，然后单击顶部的脚本选项。这将允许您查看页面上使用的脚本并在该页面上插入断点。以及逐步了解它们和其他有用的调试选项。

以上是针对 javascript，要中断 dom 元素，右键单击要中断的元素（在检查器内部），它会弹出上下文菜单，允许您中断子树修改和类似的东西。

score 26 · Accepted Answer

只是想补充一点，您只需右键单击元素面板中的元素并转到：

Break On...并选择Subtree modifications, Attributes modifications, 或Node removal

score 9 · Accepted Answer

9

于 2016-02-03T06:21:33.640 回答

3 回答 3