如何找到 element.style 的来源?即哪个 JS 或 jQ 文件正在注入它。我想修复,而不是覆盖

How do I find the origin source of an element.style? i.e. Which JS or jQ file is injecting it. I want to fix, not override

有问题的样式未硬编码到 HTML 或 CSS 中。它们是通过 JS 或 jQ 文件动态添加的。我 运行 一直都喜欢这个。我总是最终只是通读所有文件,直到找到它。使用开发工具有更快的方法吗? 我 而不是 想用 !important 标签覆盖它,我想找到原点并修复它。

有人指出这个解决方案: 但这并没有回答我的问题,因为这向您显示了导致问题的代码片段,但我正在寻找源文件名 and/or 路径。

您应该能够使用 Chrome Devtools 找到应用了哪些样式。在 Chrome 中,如果您右键单击某个元素并 "inspect," 然后在 "Computed" 选项卡中查看样式,那么您应该会看到哪些样式正在影响该元素。

如果您正在寻找注入的 javascript,试试这个 。在这里,Chrome Devtools DOM 断点用于查找 css.

示例图片:

DevTools 将您转到 "sources" 选项卡后,它会显示第一个执行的文件。但是,如果您单击 "Call Stack" 下拉菜单,它将显示所有受影响的文件,如果您单击它们,您可以找到导致问题的文件。当您找到正确的文件时,DevTools 将突出显示影响页面的代码。