chrome的断点调试

DOM节点变化时触发断点
具体触发条件可分3种情况：子节点有变化、节点的属性发生变化或这个节点被删除。可以快速找到对应的事件处理函数。

条件断点

写一个表达式，表达式为 true 时才触发该断点。

在Dev tools中编辑源代码，将chrom当作IDE：

　　1.先将源代码的文件目录添加到chrome的workspace

　　2.将需要编辑的源代码文件映射（在本地资源目录中找到目标文件点右键：map to file system files；在源文件目录找到目标文件，点右键：map to network system）

这样在chrom中编辑过后的代码直接save，就会保存到源文件中，不用再复制了。而且可以修改html文件中的js代码。

如果js代码在html文件中，只能在Elements标签中修改，不能在Sources标签中编辑。

在console标签中也可以修改元素。