查找更改特定 css 属性的 javascript 代码

Question

我正在尝试在包含大量 .js 文件的站点上调试一些样式问题。其中一个脚本会在单击时向输入元素添加一些 css 属性。

有没有一种简单的方法可以使用 Chrome 开发人员工具找到哪个脚本及其哪一部分更改了这些 css 属性？

Chrome 版本 34.0.1847.116

Answer 1

在元素面板中，右键单击相关元素，然后在上下文菜单中选择Break on...> Attributes Modifications。下次style更改其属性时，调试器将在相应的 JS 行上中断。