javascript - 我如何知道哪个 javascript 脚本将特定类添加到我的源代码中

Question

假设我的源 HTML 如下所示:

<div id="whatever">...</div>

但我的 Chrome 检查器向我显示如下:

<div id="whatever" class="random-class">...</div>

我可以假设 .random-class 是由 Javascript 脚本添加的，但网站上有许多这样的脚本。是否有任何“标准”方法(例如使用 Chrome 或 FireBug 检查器)来确定哪个脚本将此类添加到我的元素？

Answer 1

使用 chrome 中的 webkit 检查器，您可以使用 Ctrl-Shift-F 并搜索“random-class”。它将为您提供所有匹配项，按文件区分。

你可以一个一个的过一遍结果，找到原因，甚至可以下断点。如果这太麻烦了，您可以尝试找到 className += "random-class" 或 jQuery addClass("random-class") 等。

如果您正在查看压缩代码中的结果，chrome 允许您美化结果，之后您可以重新搜索。所以如果你有一个只有 1 行的缩小文件 function x() { document.body.className += "random-class"; };x();document.body.className += "random-class"; 匹配将显示 1 行。然后美化代码，重新搜索。现在结果将显示在 2 个不同的行中。