我怎样才能找到元素的变化？答案

【问题标题】：How can I find what changes an element?我怎样才能找到元素的变化？
【发布时间】：2015-10-09 22:41:59
【问题描述】：

我有一些相当长的 HTML 和相关的样式和 javascript。我试图在其中找到改变特定元素文本的东西。它改变了这一点......

<span class="panel-title"> I'm a Panel with All Options</span>

...到这个...

<span class="panel-title">Best Panel Ever</span>

这似乎很疯狂，但我尝试在每个文件（其中 1704 个）中搜索“最佳面板”文本，而 Visual Studio 什么也没找到。

所以...我希望 Chrome 或 IE 中的调试器可以指出脚本正在更改此文本，但我对那些调试工具还不够熟悉，无法执行这样的任务...或者如果它甚至可能。

编辑澄清

要明确一点...这是直接的 HTML、CSS 和 Javascript。没有像 ASP 或 PHP 这样的东西。有问题的 HTML 文件有第一个文本，但呈现的 HTML 文件有第二个文本。

【问题讨论】：

你有任何可以通过 DOM 改变它的 JavaScript 吗？如果看不到实际代码，我们也无能为力。
实际上有 1,704 个代码文件......其中绝大多数超过 2000 行......所以发布源代码是不合理的。我正在寻找一种方法来调试它，不一定有人为我调试它。
另外......它当然可以是 Javascript。它很可能是。但我遇到的问题是找到 Javascript。
您可以使用 Chrome 中的 Elements 选项卡在代码中查找特定项目 (CTRL + F)。此屏幕截图可能会有所帮助：gyazo.com/72f2f8a819bf5bfad17a210a53427f2d - 可能有帮助，也可能没有帮助。
是的，我使用 Chrome 中的元素功能来查看有问题的元素，但它只是向我展示了生成的 HTML，而不是它与源代码的不同之处。（事实上，我从 Chrome 的“检查元素”功能的结果中复制/粘贴了问题中的 span 标签。

【解决方案1】：

您可以使用 Chrome 中的元素选项卡在代码中查找特定项目 (CTRL + F)。此屏幕截图可能会有所帮助：http://gyazo.com/72f2f8a819bf5bfad17a210a53427f2d - 可能有帮助，也可能没有帮助。

编辑 1

你确定你浏览了每一个文件吗？也许有史以来最好的面板来自已被攻击的数据库条目，或者它可能只是攻击而不是通过数据库。您是否认为这是一种选择？

编辑 2

正如聊天中所建议的那样，您可能应该搜索跨度发生变化的情况，而不是寻找特定值，因为它可能存储在未显示文本的变量中。

编辑 3

在发现它与 LS（本地存储）有关后：

我认为应该将其分解为多个步骤，首先确保有问题的值在 LS 中，这样您就可以将搜索范围缩小到 localStorage.getItem("yourKeyWhichHoldTheText") 并且您会大致了解您实际在寻找什么.

【讨论】：

【解决方案2】：

最新版本的 FireFox 有一个 javascript 事件检查器。也许您可以检查该元素是否有可能更新它的任何可能的 js 函数？

【讨论】：