使用技能共享的调试DOM断点调试

有些学生会说，你可以使用源代码搜索方法。事实上，对于一个相对简单的页面，这种方法经常有效。但是，对于一个相对复杂的页面，比如嵌入了许多脚本文件和片段的页面，使用大型面向对象的实现和隐藏实现的代码，可能不顺利。

在javaｓｃｒｉｐｔ调试中，我们经常使用断点调试，事实上，在DOM结构的调试中，我们也可以使用断点方法，即DOM断点（DOM断点）。

具体使用方法：

1。在Chrome浏览器中，打开开发工具，首先选择一个页面元素，然后单击鼠标右键，然后依次单击菜单中的中断。检查属性修改。刷新页面，当元素的属性发生变化时，脚本的执行被暂停并定位到发生更改的地方。

2、在火狐浏览器安装Firebug，打开Firebug，切换到HTML选项卡，选择需要监控的DOM元素，鼠标右键，并检查中断时的属性变化的菜单。这样，一个HTML断点添加成功。当页面被刷新，萤火虫会也有助于我们找到改变元素的属性的代码。

除了监测在DOM元素本身的性质变化，铬和萤火虫也可以监测其子元素的变化，当元素删除。