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

Question

有问题的样式没有硬编码到HTML或CSS中。它们通过JS或jQ文件动态添加。我一直遇到这种情况。我总是只是阅读所有文件，直到找到它为止。使用开发工具有更快的方法吗？ 我 不 希望用!important标记覆盖它，我想找到原点并修复它。

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

Answer 1

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

如果您正在寻找注入的javascript，请尝试使用此previously asked question's answer。在这里，Chrome Devtools DOM断点用于查找css。

示例图片：

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