如何在chrome中设置DOM断点
rob*_*ing 42 javascript debugging google-chrome google-chrome-devtools
我正在尝试按照这里的教程.
我被困在DOM断点(靠近底部).
我去了他们正在谈论的示例网站.我按了ctrl+ shift+ i并导航到"元素"选项卡.在元素选项卡中,我找到了以下html部分:
<div id="profileCard" style="position: absolute; left: 403px; top: 135px; visibility: hidden; display: none; " class="goog-hovercard">
</div>
现在我一直试图找到上下文菜单:
在#profileCard元素上打开一个上下文菜单,并选择要中断的事件:子树修改,属性修改和节点删除
这是一个截图,显示我在哪里:
Rya*_*yan 40
要在Chrome中设置断点,请调出上面显示的检查器,然后单击顶部的脚本选项.这将允许您查看页面上使用的脚本并在该页面上插入断点.以及逐步完成它们和其他有用的调试选项.
以上是针对javascript,打破dom元素右键单击要打破的元素(检查器内部),它将打开上下文菜单,允许您打破子树修改和类似的东西.
- @James chrome现在有一个强制元素状态的选项.我不太喜欢draggables,但你可能想调查一下. (2认同)
Han*_*nna 25
只想添加一下,您只需右键单击元素面板中的元素,然后转到:
Break On...和选择Subtree modifications,Attributes modifications或Node removal
- 当我单击一个元素并激活"属性修改"时,它不会在脚本修改类属性时中断 (4认同)
| 归档时间： |
|
| 查看次数： |
37681 次 |
| 最近记录： |