寻找写入网页的随机HTML标签的来源

Question

我对网页有一个很奇怪的问题。源HTML代码是正确的，但是当我使用Chrome的开发人员工具检查页面时（字体比应该小得多），我发现在我的代码中添加了8个HTML小标记。但是，这些标签不存在于源代码中。所以，我怀疑我有一个JavaScript文件将这些标签写入页面。为了增加这个秘密，我的开发或QA服务器上没有这个问题，只有在生产中。

我如何在这个页面上找到这些标签的来源？即使这是导致问题的脚本，我也不知道。更糟糕的是，这不是我建立的页面，而是继承的页面，HTML和Javascript代码的状态是可怕的。这个页面有一个纠结的Javascript文件，所以我很难调试这个问题。

任何帮助，提示或建议将不胜感激。谢谢！

Answer 1

您可以右键单击父节点并选择Break on - >subtree modifications。这将在子节点更改时创建断点。然后在Sources选项卡中，在它打破的地方你可以看到CallStack，所有被调用来获取该点的方法。