如何在我的页面上找到来源或流氓角色？

Question

我有一个非常简单的基于网络的内部工具。一共20行css，40行js。

页面上插入了一个 '}' 字符，该字符在 html 中不可见

这是页面的屏幕截图：

以下是发送给客户端的 html 摘录：

<div id="content">

<h2>Global State</h2>
<!-- before tag-->
<!--table start--> 
<table>
    <thead>
    <tr>
        <th></th>

如您所见，标题和表格之间没有}。您可以看到我添加到模板中的 2 条注释，以尝试对此进行调试。

这是 dom 在浏览器调试中的样子：

它位于注释和表格标签之间。

正如我所说，这个项目中有 20 行超级简单的 css。足以为表格提供边框并将一些警报设置为红色。有很少的 js 来支持某些表单和按钮，但没有一个指向这个表，而且大部分都不在这个页面上。我已经用细齿梳子梳理过了。

这看起来确实很小，但它却让人分心。

这个流氓}还会从哪里来？

我可以让 firefox 告诉我来源吗？

Answer 1

}

将位于表格标记内的某个位置，但不在

<td>

和

</td>

标签之间。 HTML 解析器将其从表中弹出，并在一个名为 foster Parenting 的过程中将其移动到表之前，这就是您在 DOM 文档中看到的位置。