有些学生会说,你可以使用源代码
搜索方法。事实上,对于一个相对简单的页面,这种方法
经常有效。但是,对于一个相对复杂的页面,比如嵌入了许多
脚本文件和片段的页面,使用大型面向对象的实现和隐藏实现的代码,可能不顺利。
在javascript调试中,我们经常使用断点调试,事实上,在DOM结构的调试中,我们也可以使用断点方法,即DOM断点(DOM断点)。
具体使用方法:
1。在Chrome
浏览器中,打开开发
工具,首先选择一个页面元素,然后单击
鼠标右键,然后依次单击菜单中的中断。
检查属性修改。刷新页面,当元素的属性发生变化时,脚本的
执行被暂停并定位到发生更改的地方。
2、在火狐浏览器
安装Firebug,打开Firebug,切换到HTML
选项卡,选择需要监控的DOM元素,鼠标右键,并检查中断时的属性变化的菜单。这样,一个HTML断点添加成功。当页面被刷新,萤火虫会也有助于我们找到改变元素的属性的代码。
除了监测在DOM元素本身的性质变化,铬和萤火虫也可以监测其子元素的变化,当元素
删除。