弄清楚哪个JavaScript设置了给定的CSS属性



我正在调试一个复杂的前端HTML GUI,在某些时候,一些JavaScript向元素中添加了一个CSS属性,而该元素不应该存在。

我正在寻找一种方法来查看哪个 JavaScript 代码(在文件和行号方面)修改了给定的(在本例中为 style )属性,以便我可以进一步调试它。

由于JS代码是巨大的搜索,因此代码是不切实际的。我需要某种方法来绑定到属性更改事件并查看谁更改了它们。

右键单击 Chrome Devtools 中的 html 元素 => 中断 => 属性修改。当 javascript 更改 css 属性时,它使代码停止在某个点上。如果它将在更改 css 的库中停止,请使用 Devtools 的 Sorces => 调用堆栈(右侧)来获取调用库以更改 css 的代码段。

最新更新