IE7没有读取CSS和JS捆绑包

时间:2011-02-07 14:23:28

标签: javascript css internet-explorer-7 minify

我正面临着IE7的奇怪行为。

在我的应用程序中,我有几十个JS和CSS文件。由于加载每个页面的请求数量,我决定将它们打包在两个文件中,一个包含所有CSS文件(css_pack.css),另一个包含所有JS文件(js_pack.js)。 / p>

FF,Chrome,IE8的一切都很顺利。问题是在IE7上显示我的应用程序。在IE7中,似乎没有读取包(css和js)。也就是说,我的应用程序完全没有格式化,并且丢失了很多动态js bahavior(jquery)。

经过大量测试后,我尝试删除捆绑包并分别指出每个文件。现在,IE7中的内容再次出现,以及我的性能问题......

嗯,这对任何人都熟悉吗?为什么只有IE7不喜欢我的捆绑包?

更新

这是我头部的一部分:

<head>
<link rel="stylesheet" href="<c:url value="/css/blueprint/screen-nopack.css"/>" type="text/css" media="screen, projection">
<link rel="stylesheet" href="<c:url value="/css/blueprint/print-nopack.css"/>" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="<c:url value="/css/blueprint/ie-nopack.css"/>" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="<c:url value="/css/css_pack.css"/>" type="text/css" media="screen, projection">
<!--[if lt IE 8]><link rel="stylesheet" href="<c:url value="/css/11-jqtransform.css"/>" type="text/css" media="screen, projection"><![endif]-->

<script type="text/javascript" src="<c:url value="/js/js_pack.js"/>"></script>
<!--[if IE]> <script type="text/javascript" src="<c:url value="/js/excanvas-nopack.js"/>"></script> <![endif]-->
</head>

该行指向的文件......

<!--[if lt IE 8]><link rel="stylesheet" href="<c:url value="/css/11-jqtransform.css"/>" type="text/css" media="screen, projection"><![endif]-->

...构成css包(css_pack.css)的一部分。但是,当它的不同行添加到头部时,它的内容只能由IE读取...

UPDATE2

这是由前一个JSP处理并由IE7接收的HTML代码:

<head>
<link rel="stylesheet" href="/GestorAMPB/css/blueprint/screen-nopack.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="/GestorAMPB/css/blueprint/print-nopack.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="/GestorAMPB/css/blueprint/ie-nopack.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="/GestorAMPB/css/css_pack.css" type="text/css" media="screen, projection">
<!--[if lt IE 8]><link rel="stylesheet" href="/GestorAMPB/css/11-jqtransform.css" type="text/css" media="screen, projection"><![endif]-->
<script type="text/javascript" src="/GestorAMPB/js/js_pack.js"></script>
<!--[if IE]> <script type="text/javascript" src="/GestorAMPB/js/excanvas-nopack.js"></script> <![endif]-->
</head>

1 个答案:

答案 0 :(得分:2)

您使用什么方法来打包这些资源?我认为你必须先把它们放在一起,这就是你可能遇到的一些问题。

在js文件的情况下,确保每个文件末尾都有换行符,最后一行以;

结尾

在css文件的情况下,你有任何运行js代码的CSS吗?我把它放在一起就看到了这个问题。

最后,您是否尝试过ie调试工具来查看加载了多少js / css?通常有一个问题,其中一些百分比的文件加载,而其余的没有,找出中断的位置,并查看catted文件输出