有的时候,你发现页面上元素被修改了,但是你不知道被什么代码修改了,那可以给DOM增加断点
比如页面有个元素,他的max-height属性是动态改变的,但是你不知道被什么代码修改了。那我现在要给她增加一个断点
1.把鼠标放到html代码上,右键添加上断点:
点完了之后,我们在看DOM Breakpoints就给我们添加上断点了
当元素被改变的时候触发断点,如下:(注意右边的堆栈,那可以帮你找到答案:谁动了你的奶酪)
双击调试区域的花括号,会帮我我们格式化js代码,变成这样,更方便查看
这样我们就找到页面元素是被是哪些js改变了
更多浏览器调试技巧请点击这里查看