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

Question

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

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

由于JS代码搜索量很大，因此代码不实用。我需要一些方法来绑定属性更改事件，看看谁更改了它们。

Answer 1

右键点击Chrome Devtools中的html元素=＆gt;中断=＆gt;属性修改。当jss改变css属性时，它使代码停止在一个点上。如果它将在库内停止更改css而不是使用Sorces =＆gt;调用Devtools的堆栈（右侧），调用调用库来更改css的代码段。