javascript - 使用 IE 条件注释包含 CSS 或 JavaScript 文件会导致更多 http 请求

标签 javascript css internet-explorer conditional-comments

一位网页设计师为我们创建了包含 IE 特定注释的页面。因此,仅当用户使用特定版本的 IE 时才会包含某些样式表:

<!--[if lt IE 7]>
<link type="text/css" rel="stylesheet" href="/styles/ie6-fixes.css" media="screen"  />
<![endif]-->

同样的技术也被用于 JavaScript 文件。 不幸的是,这会导致 IE 用户产生更多 HTTP 请求,因此感知到的页面加载时间会变慢。一般来说,我的做法是将所有 CSS 合并在一个文件中,将所有 JS 合并在一个文件中。

有没有办法将这些特定于 IE 的注释包含在 CSS 和/或 JS 文件本身中?或者有什么方法可以模拟这个功能?

最佳答案

对于 CSS,您可以使用 IE 特定的注释将文档内容包围在表单元素中

<div id="IE6">

这可以让您通过在选择器前面添加“#IE6”来实现 IE6 CSS 修复。

有关更多详细信息,请参阅 http://www.positioniseverything.net/articles/cc-plus.html

JScript 还具有条件编译功能,可以帮助您将 JS 文件合并为一个。 请参阅http://msdn.microsoft.com/en-us/library/ahx1z4fs(VS.80).aspx

关于javascript - 使用 IE 条件注释包含 CSS 或 JavaScript 文件会导致更多 http 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2150529/

相关文章:

Javascript 根据下拉菜单显示/隐藏

CSS:我怎样才能让这个页面响应?

jquery - 在调整传单 map 的高度时在 Bootstrap 4 中显示/隐藏 div

Javascript 数组访问在 IE 7 中不起作用

javascript - 如何使用javascript从表单的特定部分将表单属性 "name"和 "value"收集到数组中?

javascript - 在 Three.js 中拉伸(stretch)几何图形

javascript - 如何重构这个命令式 JS 使其具有功能性?

html - @fontface 在黑莓操作系统 7 上

css - Jeditable 按钮样式问题

javascript - 使用 Internet Explorer 时 Visual Studio 引发异常