我正面临着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>
答案 0 :(得分:2)
您使用什么方法来打包这些资源?我认为你必须先把它们放在一起,这就是你可能遇到的一些问题。
在js文件的情况下,确保每个文件末尾都有换行符,最后一行以;
结尾在css文件的情况下,你有任何运行js代码的CSS吗?我把它放在一起就看到了这个问题。
最后,您是否尝试过ie调试工具来查看加载了多少js / css?通常有一个问题,其中一些百分比的文件加载,而其余的没有,找出中断的位置,并查看catted文件输出