Chrome未正确加载HTML文件

时间:2017-06-15 12:29:49

标签: javascript html css google-chrome

我正在学习使用Lynda教程构建Web应用程序。他们提供了一个示例应用程序,在他们的教程中加载到Safari时看起来像这样: properly functioning app

但是当我尝试打开相同的html文件时,它会显示如下:(唯一的浏览器选项是chrome,因为它说它是Chrome HTML

what the app looks like in my Chrome browser

我对网络开发很陌生,我不确定是什么导致了这个问题。我已经禁用了我的AdBlock。我使用的是Windows 10,但教程使用的是Mac。

谢谢!

3 个答案:

答案 0 :(得分:1)

您的样式表似乎无法加载,请确保您已将head link元素中的正确文件关联起来。

答案 1 :(得分:0)

确保您的样式表正确链接。了解相对链接和绝对链接之间的区别。

Ad Block不会影响任何内容,并且您的操作系统不会对未正确加载的网站产生太大影响。发布您的代码通常可以帮助我们减轻价格!至少,您是否介意发布样式表链接,以便我们可以帮助您做到这些?

答案 2 :(得分:0)

当前,我面临着同样的问题。这里是快速解决方案,请使用Microsoft Visual Studio代码编辑器并安装一个名为“ Live Server”的插件。

我要面对的是,如果我使用“实时服务器”打开HTML文件,则文件正在运行,如果我直接在浏览器中打开文件,则无法正确加载CSS。