Javascript 如何找出在Chrome开发工具中添加样式属性的位置？

我目前正在一个网站上工作，其中各种脚本正在修改DOM（通过单击/悬停类型的事件，以及页面加载），更改元素的高度/宽度等，并试图找出哪些脚本正在影响哪些元素。例如，

height:9px

被添加到下面的

元素中，我需要知道脚本在做什么（目前正在使用Chrome开发工具，不过如果其他浏览器可以更好地完成此任务，我会打开）：

---

已尝试选择

中断
属性修改
并重新加载页面，但这似乎没有任何作用-这是否仅适用于类/ID更改？
打开
控制台
，选择
元素
选项卡，在右侧面板选择
样式
选项卡。应该列出加载了
css
的文件。可以移回左侧面板，选择
源
选项卡；然后可以从最左边的面板中选择一个脚本，突出显示整个脚本，如有必要，右键单击，选择
addtowatch
。或者，也可以复制整个脚本，方法是在左面板中选择
脚本
，右键单击，选择
将文件夹添加到工作区
，在文本编辑器中对设置的
高度
属性进行评估。
这是一个很好的问题，我希望视频也能有所帮助（），但复制的简单步骤如下：


开放式检查员
转到“配置文件”选项卡
准备好开始/停止按钮以记录操作中的所有脚本
执行实际操作（鼠标悬停、单击、轻触..等）
检查探查器的“尖峰”，忽略一些框架启动的尖峰。。（有一种方法可以让你把jQuery之类的脚本列入黑名单，但我想你可以用谷歌搜索一下：）

嗯
 firefox的Firebug 2.0.3…@AnkitKathiriya您能提供在Firebug中实现这一点的说明吗？感谢您的回复，尽管在我的特殊情况下，样式属性是在加载时显示的，而不是由动作触发的，这使得查找有点困难，除非有其他方法。您可以肯定地按“开始”记录btn，刷新页面，然后“停止”查看页面加载事件在我的特定情况下，列表中有100个（在安装了各种模块的大型Magento网站上工作），并且仍然需要很长时间。目前正在调查其他浏览器提供了什么。
<span data-id="m_left_fitting_finish_filter" class="sidebar__filterBlock-title" style="height: 9px;">