如何识别js注入的element.style源？

Question

我正在为客户更新wordpress网站，因此我不熟悉整个网站的结构。

在博客页面（http://shoreditchradio.co.uk/blog/）上，帖子显示在包装器#blogleft中，该包装在css文件中定义如下：

#blogleft {
  float: left;
width: 580px;
}

然而通过检查员我可以看到宽度被覆盖为100％

element.style {
  width: 100%;
}

我的问题是 - 确定注入位置的最简单方法是什么？据我所知，它只能来自网站某处的javascript文件。

我一直在检查员里探讨了一段时间。有没有一种简单的方法来识别这样的注入内联样式的来源？任何帮助非常感谢！

Answer 1

宽度：100％;在HTML上进行硬编码，您可以通过检查HTML中div标签的style属性来看到这一点。

CSS和HTML调试的最简单方法是使用开发人员工具/ Web检查工具（集成在firefox和chrome中，或者通过插件，如Firebug）。 element.style CSS选择器意味着它在所选元素上进行了硬编码。

在这种情况下，“硬编码”意味着它是通过HTML直接注入的。通过开发人员工具/ Web检查器工具，您应该能够确定相关CSS的来源。