本文介绍了如何利用Chrome浏览器的DOM断点功能来追踪动态改变的元素属性，如max-height。通过在HTML代码上设置断点，当元素发生变化时，断点会触发并显示调用堆栈，帮助开发者定位修改元素的代码。此外，调试区的代码格式化功能有助于更清晰地查看JS代码。
有的时候，你发现页面上元素被修改了，但是你不知道被什么代码修改了，那可以给DOM增加断点
比如页面有个元素，他的max-height属性是动态改变的，但是你不知道被什么代码修改了。那我现在要给她增加一个断点
1.把鼠标放到html代码上，右键添加上断点：
点完了之后，我们在看DOM Breakpoints就给我们添加上断点了
当元素被改变的时候触发断点,如下：（注意右边的堆栈，那可以帮你找到答案：谁动了你的奶酪）
双击调试区域的花括号，会帮我我们格式化js代码，变成这样，更方便查看
这样我们就找到页面元素是被是哪些js改变了
更多浏览器调试技巧请点击这里查看
扫一扫
3149
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
