【问题标题】:My webpage looks different on a host than on my local machine我的网页在主机上看起来与在本地机器上不同
【发布时间】:2018-01-02 01:12:21
【问题描述】:

我有点困惑,因为我的https://skidaddleskidoodle.000webhostapp.com/VIP.html 在本地打开它时看起来不同,即“J:\websites\test site\VIP.html”与从我的网络主机加载它。

这是本地的样子:

您可以看到它的顶部有一个蓝色条,悬停效果是一条红线。并非我所有的网站代码都与我的本地计算机上的完全相同。

任何帮助都会很棒。谢谢,戴夫。

【问题讨论】:

  • 使用开发工具看看发生了什么。

标签: html css


【解决方案1】:

您有 7 个来自 css 的错误和 1 个来自 javascript 的错误。因此,您应该先纠正 ir,然后看看它是否会起作用。

您的 Web 应用程序显示了两种类型的错误。

错误:加载资源失败:服务器响应状态为 404 () 这意味着您的应用程序没有在 Web 服务器上查找此文件,您需要检查您使用的 URL 类型,可能您使用的是静态而不是相对 URL。

错误:未捕获的类型错误:无法读取 null 的属性“addEventListener” 在 BG.js:14 这意味着 css 错误正在生成此错误,或者您没有设置 addEventListener。

【讨论】:

  • 我会尝试删除 java 脚本并检查 css,因为我必须剪切一些代码才能让它在我想要的本地机器上正确显示,尽管第二次认为我可能剪掉了太多:\
  • 删除了所有错误 css 和 js,尽管它仍然显示不正确,只是为了澄清静态和相对 url 之间的区别?使用 css lint 我发现了 58 个警告?虽然这应该没什么关系?
  • 老实说,我只是恢复到旧代码并删除菜单蝙蝠动画/红线。不管怎样,谢谢你的帮助
  • 你的css文件的路径不正确。看这个,尝试访问这个skidaddleskidoodle.000webhostapp.com/css/owl.carousel.min.css 可以看到,这个路径中没有css你需要确定你的css是available的。
  • 这是一个未使用的 css,我删除得很好,我确信我做到了,尽管我现在已经将它恢复到我以前的状态,这没问题
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-03-13
  • 1970-01-01
  • 2011-01-11
  • 2011-08-22
相关资源
最近更新 更多