html - Chrome (Mac) 和 MS Edge (Win) 中显示的神秘空白/'Missing Icon' 字符框

Question

在 CSS/跨浏览器方面，我是一位经验丰富的老手，并且从 IE 6 的美好时光开始就一直在使用它。

我遇到了这个非常神秘的问题，即 Chrome 中出现空白，IE/Edge 浏览器中缺少 [?] 图标类型框。

这不会发生在 Safari/Firefox 的前端(但是在 FF View 源中会出现一个框 - 见上文)

奇怪的是我的文本编辑器中没有添加空格，也没有对段落应用特殊样式。我也没有在开发工具中看到任何相关内容。

有人知道这是怎么回事吗？我在这上面花了很多时间，但还是被难住了!

谢谢!

Answer 1

我在 Edge 中检查了该网站，控制台将显示警告 HTML1424: Invalid character 并且它指向 [?] 图标。

我将 [?]Sat-Sun 复制到一个 txt 文件中，然后它将显示 [?] 图标。但是，如果我将它复制到 Visual Studio 等代码编辑器中，它只会显示 Sat-Sun，而当我在 Edge 中运行该页面时，它会显示 [?]Sat-Sun在浏览器中。因此在您的代码编辑器中可能看不到无效字符。

我的解决办法是将[?]Sat-Sun复制到一个txt文件中，然后删除其中的[?]图标。然后将 Sat-Sun 从 txt 文件复制到代码编辑器。在此之后，浏览器中的页面将显示正常。您也可以尝试删除无效字符。