页面在线渲染问题但在Chrome中本地保存和加载时工作正常

时间:2012-02-22 18:19:20

标签: css google-app-engine google-chrome webkit

我有一个相当简单的页面(http://www.kwatee.net),可以在Firefox,Opera,Safari和IE中使用,但是Chrome有问题(v17.0.963.56)。我在本地保存了页面并加载了它(file:///...),它在Chrome中按预期呈现!

我查看了Chrome开发人员工具,看起来,由于某种原因,Chrome并没有“在线查看”我的某个样式表(stylesheet.css),但在保存后我对该页面感到满意本地。

4 个答案:

答案 0 :(得分:1)

您的网站无法在Safari Mac中正常呈现,Safari Mac也是Chrome浏览器等Webkit浏览器。

我尝试在Safari(Mac)中提取your stylesheet并将其下载到我的桌​​面而不是显示其内容。这不是正常行为。奇怪的是,your other stylesheet显示得很好。

主要区别在于stylesheet.css开头的空白行...它应该无关紧要,只是为了确保删除空白行。

但是,我无法在帐户中重现该问题,因此请彻底检查您的服务器设置。 (我将您完全相同的stylesheet.css上传到我自己的托管帐户,然后通过网址将其提取到我的浏览器中。它显示在浏览器中,但没有下载到我的桌​​面。这表明您的设置有所不同服务器。)


附带问题:我也看到了your page does not validate

您需要根据验证错误修复<html>标记

<html xmlns="http://www.w3.org/1999/xhtml">

并删除doctype上方的所有空格,否则IE将进入怪癖或兼容模式。

答案 1 :(得分:1)

我也在使用Chrome,所以我做了一点挖掘,它给了我这个错误: “资源解释为样式表,但使用MIME类型text / plain传输:”http://www.kwatee.net/stylesheet.css“。” (打开chrome开发人员工具,转到控制台,然后重新加载页面)

由于某种原因,服务器没有发送正确的MIME类型,网络选项卡会确认这一点。我会检查服务器端设置,或者只是删除type属性或将其更改为type =“text / plain”

另见:

resource interpreted as stylesheet but transferred with mime type text plain issue?

Chrome says "Resource interpreted as script but transferred with MIME type text/plain.", what gives?

答案 2 :(得分:1)

问题已通过appengine sdk的1.6.2.1版修复

答案 3 :(得分:0)

您的网络服务器当前返回“null”作为CSS文件的Content-Type。

尝试设置web-server以返回正确的Content-Type标头。对于Apache服务器,可以通过在.htaccess文件中添加以下行来完成此操作:

AddType text/css .css