【发布时间】：2017-01-20 23:34:17
【问题描述】：
有没有一种方法可以确定哪个 JQuery 函数使用 Chrome 开发工具应用了某种样式？
例如：
我在 Chrome 开发工具的 Elements 选项卡中有这个标记：
如你所见，它有一个内联样式display:none; 有没有办法确定哪个函数应用了这个样式？
【问题讨论】：
标签： jquery css google-chrome-devtools
【发布时间】：2017-01-20 23:34:17
【问题描述】：
您可以使用Attributes modifications
Attributes modifications: Triggered when an attribute is added or removed on the currently selected node, or when an attribute value changes.
使用元素面板上下文菜单的中断 -> 属性修改来中断所有内联样式更改。
见：https://developers.google.com/web/tools/chrome-devtools/debug/breakpoints/add-breakpoints?hl=en - Set a breakpoint on DOM change
【讨论】：
-
谢谢老兄，你是救生员。我只从 jquery.js 获得了应用该样式的函数（
showHide(elements,show);），这足以在我的其余代码中搜索调用此函数的 sn-ps，所以我最终找到了它。编辑：来自开发工具的调用堆栈跟踪是比手动搜索更好的方法。 :)