javascript - 确定元素来自哪里

Question

我有一个我正在维护的网站(即我最初没有编写它)，在一个页面上有一个元素在代码中无处可寻，我无法弄清楚它来自哪里。我会假设一些 javascript 正在插入它，但我已经搜索了所有链接的脚本，但找不到一个可以做我所看到的事情。基本上它应该是这样的:

<li>
    <a href="example.com/products">Products</a>
</li>

而是显示为:

<li>
    <a href="example.com"></a>
    <a href="example.com/products">Products</a>
</li>

这是顶部的空标签，我不知道它来自哪里。

在 Chrome(或其他浏览器)中，是否可以让它告诉我具体是什么对 DOM 进行了修改，以便我可以将其删除？

更新:有问题的页面是 https://app.alienskin.com/store/它在主导航菜单中的“产品”链接正上方插入另一个链接。如果您在页面上查看源代码，您可以看到它不在源代码中。

我尝试禁用 javascript，它仍然显示在呈现的页面中......wtf？

Answer 1

我假设您正在使用 Developer 工具并看到该输出。请改用“查看源代码”。

解释是所有浏览器都试图纠正错误的 HTML，并且开发人员工具在代码被引擎更改为“尽力纠正”状态后显示代码。您的问题原因很可能是标签不匹配(双重和三次检查拼写/引号/等或提供链接)

编辑:找到了——在你的+++++ LOGO ++++里面评论，有自闭<a>标签:

<a href="http://www.alienskin.com" />

您需要删除它(什么也不做)或将其更改为“正确的”语法:

<a href="http://www.alienskin.com" ></a>

遵守您的文档类型。