Google Chrome Developer工具 - 将CSS文件显示为图片资源 [英] Google Chrome Developer tools - CSS file showing as an image resource

问题描述

我正在运行Google Chrome的测试版（12.0.742.60）

我的网页显示正常，但由于某些原因，在开发工具的资源标签页，它的CSS文件显示在'I​​mages'揭示三角形下面，而不是'Stylesheets'（其中typekit.com CSS如预期的那样）。感谢任何想法。

CSS标记：

 < link rel =stylesheettype =text / csshref =/ styles / lofkch .css/> 
  

CSS回应标题（通过'Web Developer'扩展名）：

 日期：2011年5月21日星期六18:52:30 GMT 
内容长度：9218 
上次修改时间：2011年5月21日星期六18:40:50 GMT 
服务器：Apache 
 ETag：5ff9-2402-4a3cd93cab080
 Content-Type：text / css 
 Accept-Ranges：bytes 
 
 200 OK 
  

实时页面 - 已删除 - 查看原因的答案。

$除此之外：有一个优秀的Google IO会话 a>在本月早些时候的GDT中的新功能。

解决方案

如果删除空的 background-image ？

I'm running the beta of Google Chrome (12.0.742.60)

My page displays fine, however for some reason, in the Developer Tools 'Resources' tab, it's CSS file is shown under the 'Images' disclosure triangle instead of 'Stylesheets' (where the typekit.com CSS is as expected.) Grateful for any ideas..

CSS tag:

<link rel="stylesheet" type="text/css" href="/styles/lofkch.css" /> 

CSS response headers (via 'Web Developer' extension):

Date: Sat, 21 May 2011 18:52:30 GMT
Content-Length: 9218
Last-Modified: Sat, 21 May 2011 18:40:50 GMT
Server: Apache
ETag: "5ff9-2402-4a3cd93cab080"
Content-Type: text/css
Accept-Ranges: bytes

200 OK

Live page - REMOVED - see answer for cause.

Aside: There was an excellent Google IO session on the new features in GDT earlier this month.

解决方案

What happens if you remove the empty background-image?

这篇关于Google Chrome Developer工具 - 将CSS文件显示为图片资源的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！