如何找到元素的变化?

时间:2015-10-09 22:41:59

标签: javascript html debugging browser

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

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

......对此...

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

这看起来很疯狂,但我尝试搜索每个文件(其中1704个)的文字&#34; Best Panel&#34;并且Visual Studio一无所获。

所以...我希望Chrome或IE中的调试器可以指向脚本正在改变这个文本,但是我不熟悉这些调试工具来执行这样的任务......或者如果它甚至可能。

编辑澄清

只是要清楚......这是直接的HTML,CSS和Javascript。没有像ASP或PHP那样的东西。有问题的HTML文件有第一个文本,但渲染的HTML文件有第二个文本。

2 个答案:

答案 0 :(得分:2)

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

修改1

您确定浏览过每个文件吗?也许 Best Panel Ever 来自一个受到攻击的数据库条目,或者它可能只是一个不是通过数据库的攻击。你认为这是一个选择吗?

修改2

根据聊天中的建议,您应该搜索更改范围的出现而不是查找特定值,因为它可能存储在未显示文本的变量中。

编辑3

在发现它与LS(本地存储)有关之后:

我认为它应该分解为步骤,首先确保有问题的值是LS,这样你可以将搜索范围缩小到localStorage.getItem("yourKeyWhichHoldTheText"),你会大致了解你的实际情况寻找。

答案 1 :(得分:0)

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

6

Here's a resource