IE 显示我的代码而不是我的网页，我该如何解决这个问题？答案

【问题标题】：IE displays my code instead of my webpage, how can I fix this?IE 显示我的代码而不是我的网页，我该如何解决这个问题？
【发布时间】：2015-05-28 16:47:05
【问题描述】：

它在 Chrome 中运行良好，但在 IE 中它会返回代码...我认为这与怪癖模式有关，但我似乎找不到确切的问题。

my trouble page

【问题讨论】：

标签： javascript html internet-explorer cross-browser

【解决方案1】：

我认为这里的问题是您的文档被 HTTP 响应标头标识为 UTF-8 编码，但到达时带有表明它是 UTF-16 编码的 BOM。 Internet Explorer 10 和 11 赋予标头更多的权重，而不是 BOM。结果，UTF-16 文档被读取为 UTF-8，这导致在几乎每个字节之后添加大量空字符，导致您的标记被解析为一般文本。

您可以在以下视图中查看 BOM（FF FE、“ÿþ”）和空字符（00）：

注意您的文档类型的表示。空字符导致它被打散，以免被解析成这样：

<!DOCTYPE html>

但是相反，像这样（.代表空字符）：

<.!.D.O.C.T.Y.P.E. .h.t.m.l.>

这种模式在整个整个文档中重复出现，因此它的任何部分都不会被解释为 HTML，从而使所有内容都呈现为基本文本：

保存文档时，请确保保存为 UTF-8。我还应该指出，Internet Explorer 的继任者 Microsoft Edge 的行为方式并不相同。 Microsoft Edge 将 BOM（声明 UTF-16 编码）优先于标头中的 charset 指令，从而正确呈现页面。

我遇到了许多声称记事本（据报道您使用过）总是插入 BOM 的报告。我鼓励您在 Web 开发期间避免使用记事本作为编辑器。相反，请使用 Visual Studio Code 之类的内容。

【讨论】：

那是很多额外的......，好吧，所以我应该使用 utf-8 而不是 ANSI 编码？经过更多测试后，它只解决了某些 IE 浏览器上的问题.... err ummm 我什至不认为 utf-16 是我记事本中的选择。我是移动提款机，所以稍后必须仔细检查。
另一个我经常使用android的问题，这就是为什么记事本很有用。我是否仍然可以在记事本上保存为文本，然后在家里复制粘贴到 vs studio 以保存 q clean html？
你可以使用记事本，只要记得在保存时选择UTF-8选项。话虽如此，记事本不是为 Web 开发而构建的，最终会减慢您的速度，导致的问题多于它解决的问题。
非常感谢，我将在大约 8 小时内保存为 utf-8，希望这能解决所有问题。我使用一个 android 程序 turbo 编辑器，在桌面上我使用各种 Windows 系统，但最常见的是 Windows 8.1 我想我只是坚持使用记事本，因为它已经在所有 Windows 系统上，这在桌子之间跳跃时很好/设备。我可能会给 Visual Studio 代码一个旋转，如果我可以将它与我的工作流集成，然后永久切换到该系统。无论如何，缺少标记使调试变得乏味，所以我可能应该在不久前就这样做。
好吧，我没有尝试 utf-8 大声笑。相反，我得到了 Visual Studio 代码并用它来生成 htm 文件，现在一切都很好！

【解决方案2】：

看来 IE (Edge) 在显示这个 htm 文件时遇到了一些问题。当我使用完全相同的源代码但作为 html 文件时。 IE 显示它很好。当我使用开发者工具时，IE 10 及以下版本也可以正确显示。

你应该知道，多个body标签会导致一个错误。你绝对应该避免这种情况！

编辑：您也可以尝试将其添加到您的脑海中

<meta http-equiv="X-UA-Compatible" content="IE=10"/>

【讨论】：

我不确定我是否理解你只是将它从更改为 ??
你的文件被命名为 yourfilename.htm 但你应该试试 yourfilename.html 也许你需要选择“显示隐藏的文件、文件夹和驱动器”并取消选中在 Windows 设置中隐藏受保护的操作系统文件
已更改为 html 并合并为单个正文标记，仍显示为代码 asolutionaday.com/test/Warrior2.html
它在 IE 中离线加载，但没有一次通过 FTP 传输到我的主机帐户。
可能你的代码搞砸了或者什么的。当我在我的网络服务器和 IE whatsapp.tom-oliver.eu/test.html 上尝试时，一切都很好