nor*_*tpy 9 html css google-chrome-devtools
在Chrome开发者工具元素的标签中,如果通过单击按钮属性更改(class="menu-item"- > class="menu-item active"),您可以在元素上看到指示更改的紫色闪光.这非常有用,但在大型文档中,您必须深入扩展所有元素才能看到发生了什么.
有没有什么方法可以在发生交互时记录/列出所有DOM更改？不是专门用于Chrome,但任何其他工具都会很棒.将其视为diff交互之前和之后的交互,但特定于CSS.
右键单击检查器中的元素并选择断点，然后选择要监视的更改类型。
然后下次该元素受到影响时，页面将停止。并显示“暂停执行”消息。您可以检查此时元素的冻结状态。然后单击“暂停执行”消息上的蓝色三角形按钮，它将恢复，直到该元素下次更改，此时您可以再次检查它。
小智 4
有一个 chrome 扩展：DOMListener，当您期待更改时，当更改发生得太快而无需工具帮助您无法注意到时，您可以在其中开始记录 DOM 更改。您可以按 4 个类别过滤要跟踪的更改：
您将获得目标和详细信息的更改
https://chrome.google.com/webstore/detail/domlistener/jlfdgnlpibogjanomigieemaembjeolj
| 归档时间： |
|
| 查看次数： |
2617 次 |
| 最近记录： |