确定哪个JS函数在Chrome中应用了某种样式

Question

有没有办法可以确定哪个JQuery功能在Chrome Dev Tools中应用了某种风格？

例如：

我在Chrome开发工具的“元素”标签中有这个标记：

正如您所看到的，它的内联样式为display:none;有没有办法确定应用此样式的函数？

Answer 1

您可以使用Attributes modifications

Attributes modifications: Triggered when an attribute is added or removed on the currently selected node, or when an attribute value changes.

使用“元素”面板上下文菜单中断所有内联样式更改 - ＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp;＆nbsp;属性修改。

请参阅：https://developers.google.com/web/tools/chrome-devtools/debug/breakpoints/add-breakpoints?hl=en - Set a breakpoint on DOM change