查找写入网页的随机 HTML 标记的来源

Question

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

如何在此页面上找到这些标签的来源？即使这是导致问题的脚本，我也不知道。更糟糕的是，这不是我构建的页面，而是继承而来的，HTML 和 Javascript 代码的状态非常糟糕。这个页面有一个错综复杂的 Javascript 文件网络，所以我很难调试这个问题。

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

Answer 1

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