我试图在一个包含大量.js文件的站点上调试一些样式问题。其中一个脚本在单击时向输入元素添加一些css属性。有没有一种简单的方法可以使用ChromeDeveloper工具找到哪个脚本以及它的哪个部分改变了css属性？chrome版本34.0.1847.116
wqsoz72f1#
在“图元”面板中，右键单击相关图元，然后在关联菜单中选择 Break on... > Attributes Modifications . 下次 style 属性，调试器将在相应的js行上中断。
Break on...
Attributes Modifications
style
vbopmzt12#
使用开发人员工具删除单击时更改的元素。然后单击触发更改的元素。由于无法更改，它将发出一个错误。错误将在右侧有一个链接，向您显示错误的确切位置。这将生成准确的文件和函数/脚本。所以说这是你的元素 <div class="bob">Apple</div> 点击后，js添加 style="color:red;" 通过删除.bob，您将破坏脚本。注意：使用开发人员工具将其删除。这样它就不会永久地干扰你的项目。注2：在删除它之前，请尝试编辑它并更改其id和/或类，如“xxbob”，这样代码就不会再识别它。
<div class="bob">Apple</div>
style="color:red;"
2条答案
按热度按时间wqsoz72f1#
在“图元”面板中，右键单击相关图元，然后在关联菜单中选择
Break on...>Attributes Modifications. 下次style属性，调试器将在相应的js行上中断。vbopmzt12#
使用开发人员工具删除单击时更改的元素。然后单击触发更改的元素。由于无法更改，它将发出一个错误。错误将在右侧有一个链接，向您显示错误的确切位置。
这将生成准确的文件和函数/脚本。
所以说这是你的元素
<div class="bob">Apple</div>点击后，js添加style="color:red;"通过删除.bob，您将破坏脚本。注意：使用开发人员工具将其删除。这样它就不会永久地干扰你的项目。
注2：在删除它之前，请尝试编辑它并更改其id和/或类，如“xxbob”，这样代码就不会再识别它。