使用RequireJS的条件注释仅加载IE7/8 jQuery
RequireJS条件注释加载IE7/8 jQuery详解
基础概念
RequireJS是一个JavaScript模块加载器，它支持异步模块加载和依赖管理。条件注释是IE浏览器特有的HTML注释语法，可以用来针对特定版本的IE浏览器加载不同的资源。
实现方法
要在RequireJS中使用条件注释为IE7/8加载特定版本的jQuery，可以按照以下方式实现：
<!DOCTYPE html>
<html>
<head>
<title>RequireJS IE条件加载示例</title>
<!--[if lt IE 9]>
<script>
var require = {
paths: {
'jquery': 'path/to/jquery-1.x-for-ie'
}
};
</script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script>
var require = {
paths: {
'jquery': 'path/to/jquery-2.x-or-later'
}
};
</script>
<!--<![endif]-->
<script src="path/to/require.js"></script>
</head>
<body>
<script>
require(['jquery'], function($) {
// 使用jQuery的代码
});
</script>
</body>
</html>为什么需要这样做
- 兼容性原因：jQuery 2.x及以上版本不再支持IE6-8
- 性能优化：现代浏览器可以使用更轻量的jQuery版本
- 功能差异：不同jQuery版本对某些API的实现可能不同
替代方案
如果不想使用条件注释，也可以使用RequireJS的map配置：
require.config({
map: {
'*': {
'jquery': 'jquery-modern'
},
'jquery-modern': {
'jquery': 'jquery-legacy'
}
},
paths: {
'jquery-modern': 'path/to/jquery-2.x-or-later',
'jquery-legacy': 'path/to/jquery-1.x-for-ie'
}
});注意事项
- 确保两个jQuery版本都支持你需要的功能
- 测试在不同IE版本下的表现
- 考虑使用polyfill替代条件加载，如使用
html5shiv和respond.js等
应用场景
这种技术特别适用于：
- 需要支持旧版IE的企业内部系统
- 政府或教育机构网站
- 传统行业的Web应用
现代替代方案
随着现代前端生态的发展，可以考虑：
- 使用Babel等转译工具处理兼容性
- 完全放弃对IE8及以下版本的支持
- 使用更现代的框架如Vue/React，它们有更好的兼容性处理方案
相关·内容
我在我的项目中使用了Require，它加载了jQuery和其他一些与整个站点和所有浏览器相关的JavaScript文件。但是，我需要在Internet Explorer7和8上使用一些条件jQuery，我试着将它放在页面的头部，但脚本似乎无法找到jQuery，我推测这是因为它在jQuery之前加载。--[if (gte IE 6)&(lte IE 8)]&
浏览 0提问于2012-08-07得票数 3
回答已采纳
2回答
有没有人有过让Selectivizr在IE7/8和RequireJS上工作的经验？任何帮助都是最好的，干杯。
浏览 8提问于2012-08-08得票数 0
回答已采纳
1回答
我想知道是否有一种方法可以在CSS级别有条件地导入IE7/8的CSS文件，而不是使用IE条件注释。我想创建一个加载Google字体的SASS解决方案，但要让它们在IE7/8中工作，需要单独加载不同的样式。然而，由于延迟和Opera渲染问题，当不需要时，这是不希望的。
浏览 2提问于2014-02-28得票数 0
3回答
因此，我决定将CSS拆分成一个仅支持IE6和IE7的文件。我将在此文件中包含仅针对ie6和ie7的CSS规则，例如： *color: red; /* target ie7 and below */}
如果可能的话，我更喜欢使用PHP和$_SERVER['HTTP_USER_AGENT'
浏览 1提问于2009-10-31得票数 2
回答已采纳
我想要的是，我想要的是这部分的html代码被隐藏的IE6和IE7，但不是火狐，歌剧或IE8，但有条件的注释不能正常工作在这一部分…我使用单独的CSS与条件注释在标题部分，但歌剧的条件注释不工作，也有时火狐显示奇怪的行为--[if gte IE 8]>
<[
浏览 0提问于2009-10-28得票数 1
回答已采纳
我的应用程序目前动态地包括jQuery 1.11版本的IE7和IE8，而jQuery 2用于IE9+/Chrome/FF，使用条件注释。@Scripts.Render("~/bundles/jquery")这在所有IE版本中运行良好，包括所有兼容模式，包括10。不幸的</
浏览 3提问于2014-06-06得票数 0
我最近开始为一个客户网站升级jQuery，遇到了一些使用过时的jQuery的遗留代码。考虑一下：我想使用</e
浏览 3提问于2014-03-04得票数 1
2回答
Hi all :我如何解决ie7和ie6中css的问题:我的div在这两个中改变了位置: www.justcode/housetostay:如果我得到任何帮助，我将非常高兴。
浏览 3提问于2012-07-19得票数 1
回答已采纳
1回答
我正在尝试使用条件注释包含一个仅支持IE7的样式表： <meta charset="utf-8"> <meta name="descriptionimage/png" href="/static/images/layout/favicon.p
浏览 3提问于2013-03-08得票数 1
回答已采纳
我正在使用Internet Explorer来查看与ie相关的设计问题。所以我试着为ie特别写ie有条件的评论，但它不起作用。当我刷新页面时，它的行为就像它的工作一样(加载时)，这意味着为ie7编写的css可以工作，但当它完全加载时，它就消失了。我不知道什么是真正进入我的互联网浏览器。我知道ie10已经删除了条件注释，但更低的版本应该可以
浏览 4提问于2013-03-22得票数 1
除了IE7和8之外，以下JavaScript在所有浏览器中都能正常工作：但是，IE7和8在这个if语句中执行变量赋值，即使条件(typeof django !同时，console.log
浏览 2提问于2014-08-12得票数 1
回答已采纳
3回答
似乎当网页有这样，IE8将模仿IE7，然后在网页中，当 <link href="http://www.example.com/stylesheets/compiled/ie.css" type="text/c
浏览 1提问于2010-06-24得票数 0
回答已采纳
1回答
，这个PIE.htc会被所有浏览器下载，还是只在IE7和8中下载？我需要在IE7和8中显示圆角。所以我认为CSS3派将是一个很好的解决方案，因为每当我们改变边框的颜色和粗细以及元素PIE.htc的高度时，在IE7和8中呈现相同的元素，而不是使用现代和编写另一个类和圆角图像。但在现代和图像的情况下，我们将不得不使用上传新图像的新，我们将不得不改变和
浏览 5提问于2011-12-17得票数 2
回答已采纳
1回答
我有一些HTML和CSS，它们都在IE8和up中工作。然而，在IE7中，这是行不通的。与其让包装器居中，不如把它放在左边。这个CSS是这个问题的最低数量，但是我有以下一些要求：
*left: 50%;但是我不想..。当包装处于完全状
浏览 5提问于2013-09-08得票数 3
回答已采纳
1回答
我正在开发的环境是使用jQuery 1.7.1，而我需要特别使用jQuery 2.1.3。但是，当我使用2.1.3时，一些遗留代码会中断(比如它使用1.7.1)，所以我不得不在2.1.3上使用jQuery.noconflict。jquery-private.js： return <
浏览 1提问于2015-06-24得票数 2
回答已采纳
我使用的是基于Matthew James Taylor的三列圣杯布局的主页。它的布局在所有浏览器中都工作得很好，除了IE8。My主数据所在的中间列包含一个表标记，如下所示：结果并不是预期的那样。我使用的版本中，左侧和右侧列的宽度被定义为固定的像素值。我很喜欢泰勒的设计。
浏览 0提问于2009-07-22得票数 0
6回答
我试着用 if (!jQuery.browser.msie <= 7.99) { }Thx<!--[if !IE]>
<!--[if lt IE <em
浏览 1提问于2010-07-19得票数 6
回答已采纳
最近，我删除了相当混乱的自定义加载器代码，并开始将其替换为requirejs。可以选择为我加载的库之一是jQuery (取决于传入的一些参数)。这很有效，直到我的脚本被包含在jQuery已经在的页面上，在这种情况下，似乎发生的是一些插件在中途加载，requirejs加载jQuery覆盖页面的版本，插件立即中断。让客户仅仅为了<e
浏览 0提问于2012-09-05得票数 18
回答已采纳
1回答
我需要让这个脚本IE7的工作，因为这个导航菜单是基于CSS3，它在IE7中使用现代器后完全崩溃。上的示例代码 <div class="menu-wrapper">
浏览 0提问于2013-10-03得票数 4
云服务器
ICP备案
云直播
对象存储
即时通信 IM
腾讯云开发者
