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

Question

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

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

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

但是通过检查员我可以看到宽度被覆盖为 100%

element.style {
  width: 100%;
}

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

我已经在检查员身上闲逛了一段时间。有没有一种简单的方法来识别像这样注入的内联样式的来源？非常感谢任何帮助！

score 1 · Accepted Answer

那个宽度：100%；在 HTML 上是硬编码的，您可以通过检查 HTML 中 div 标记上的样式属性来看到这一点。

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

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

score 1 · Accepted Answer

如果您想对 Chrome 中的“注入样式表”进行故障排除

2 回答 2