如何确定由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的来源。