如何在加载了特定id的DOM节点时中断

Question

所有

感谢您的帮助。我得到一个关于chrome调试工具的问题：

如何在某个Node加载或属性更改时中断。例如，我有一个div元素，它的id是可打印的，我想调试（break）这个节点第一次加载时的样子。或者换句话说，当#printable应用了一个大小样式时，我怎么能打破？

由于

Answer 1

对于任何元素，您可以在三种情况下在Chrome工具中中断：

1. 子树已被修改
2. 元素的属性已被修改
3. 节点本身已从DOM中删除

在下面的示例中，我在Google新闻页面上选择了“部分”，并在子树获得更多元素时设置为中断：



单击“更多娱乐故事”链接会添加更多文章元素，并且会发生中断。