html - 在 XAMPP 中从本地主机访问 html 文件时显示空白页面

Question

过去两天我一直在发疯，试图理解为什么我的本地主机连接在任何浏览器中只为 XAMPP 中“htdocs”文件夹中的“index.html”文件显示一个空白页面。该页面在每个浏览器(Edge、Chrome、Firefox、IE)中都是空白的。奇怪的是，我可以在浏览器中查看该页面的源代码!更奇怪的是，我的“index.html”文件显示空白页即使它是从 htdocs 以外的其他位置(例如桌面)加载的。我创建的测试 html 文件使用 XAMPP 中的 htdocs 文件夹显示得很好。我使用的是默认的 Apache 端口 80 和 443。我也在使用 Windows 10。

这可能是我网页代码中的一些错误吗？我在这里做的是非常普通的东西:只有 CSS/HTML 和 Bootstrap。所有 CSS/HTML/Bootstrap 文件都在 htdocs 目录中。如果您想查看完整代码，可以访问我的公共(public)托管网站 stephengladwin.com您还可以在随附的屏幕截图中查看我的“index.html”文件的当前 XAMPP 代码。

这是我尝试过的: -取消勾选 Skype 中的“使用端口 80 和 443”框 -重新安装 XAMPP -更新配置文件以监听不同的端口(使用端口“123”) - 尝试在 services.msc 中禁用“万维网发布服务”

在此先感谢您提供的任何帮助!

XAMPP Code

Answer 1

最好的问题是您自己回答的问题!原来这是一个 Bootstrap 错误。在 Chrome 浏览器检查工具中，我打开了控制台，你瞧，出现错误，浏览器无法访问 Bootstrap 所需的“tether.min.js”文件。事实上，我确实在我的 index.html 文件中链接了 tether 文件，但它在代码流中的顺序不正确。它必须出现在 javascript 链接之前.现在我的 index.html 页面通过 XAMPP 在本地主机上显示正常!