确定元素的来源

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

我假设您正在使用开发人员工具，并看到该输出。请改用“查看来源”。

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

修改找到它 - 在您的+++++ LOGO ++++评论中，有一个自动关闭<a>标记：

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

您需要将其删除（不执行任何操作）或将其更改为“正确”语法：

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

遵守您的文档类型。

Answer 2

如果您认为它是Javascript，您仍然可以将其禁用以确定。 要执行此操作，请在Chrome上按F12，然后单击右下角的滚轮并选中“禁用Javascript”。然后刷新页面。

如果不是这样的话，没有代码就很难分辨......