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

Question

有问题的样式没有硬编码到HTML或CSS中.它们通过JS或jQ文件动态添加.我一直遇到这种情况.我总是只是阅读所有文件,直到找到它为止.使用开发工具有更快的方法吗？我不希望有重写它!important的标签,我想找到的来源和解决它.

有些人指出这个解决方案: 找到Javascript应用的内联样式来调试Javascript 但这不能回答我的问题,因为这会显示导致问题的代码片段,但我正在寻找源文件名和/或路径.

Answer 1

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

如果您正在寻找注入的 javascript，请尝试之前提出的问题的答案。在这里，Chrome Devtools DOM 断点用于查找 css。

示例图像：

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