javascript - 查找写入网页的随机 HTML 标签的来源

Question

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

我怎样才能找到这个页面上这些标签的来源？我不知道这是不是导致问题的脚本。更糟糕的是，这不是我构建的页面，而是继承的页面，HTML 和 Javascript 代码的状态非常糟糕。这个页面有一堆乱七八糟的 Javascript 文件，所以我很难调试这个问题。

如有任何帮助、提示或建议，我们将不胜感激。谢谢!

Answer 1

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