css - 如何找到 element.style 的来源？即哪个 JS 或 jQ 文件正在注入(inject)它。我想修复，而不是覆盖

Question

有问题的样式没有硬编码到 HTML 或 CSS 中。它们是通过 JS 或 jQ 文件动态添加的。我经常遇到这个。我总是最终只是通读所有文件，直到找到它。使用开发工具有更快的方法吗？ 我不想用 !important 标签覆盖它，我想找到来源并修复它。

有人指出这个解决方案: Finding Javascript-Applied Inline Styles to Debug Javascript 但这并没有回答我的问题，因为它向您显示了导致问题的代码片段，但我正在寻找源文件名和/或路径。

Answer 1

您应该能够使用 Chrome Devtools 找到应用了哪些样式。在 Chrome 中，如果您右键单击一个元素并“检查”，然后在“计算”选项卡中查看样式，那么您应该会看到哪些样式正在影响该元素。

如果您正在寻找注入(inject)的 javascript，试试这个 previously asked question's answer .在这里，Chrome Devtools DOM 断点用于查找 css。

示例图片:

在 DevTools 将您发送到“源代码”选项卡后，它会显示第一个执行的文件。但是，如果您单击“调用堆栈”下拉菜单，它将显示所有受影响的文件，如果您单击它们，您可以找到导致问题的文件。当您找到正确的文件时，DevTools 将突出显示影响页面的代码。