2014年旧版IE淘汰行动新增IE升级提示弹窗代码

2014年旧版IE淘汰行动新增IE升级提示弹窗代码

　　老版本IE升级提示弹出代码

　　此代码是淘汰旧版 Internet Explorer 的一部分。如需查看项目说明，请点击链接查看。本页只介绍弹窗代码。

　　弹窗代码的由来

　　2014年8月，老版本IE首次推出时，只提供了升级提示页面跳转代码。设计理念来自微软官网。使用页面跳转方式的初衷是在不支持的老版本IE中网站往往是版本错误，所以可以直接跳转到升级提示页面，避免加载无用资源，告诉用户升级浏览器在第一时间 Up。

　　但升级提示页面并不能满足所有实际场景。例如，一些网站 专注于文本内容。老版本IE中网站的布局虽然错位，但不影响文字内容的显示。因此，一些网站的倡导者只想提示用户升级浏览器。用户决定是否升级。如果用户选择忽略升级提示，则可以继续访问错误版本的网页。

　　所以，老版IE淘汰动作增加了老版IE升级提示弹窗代码，以适应更多场景。

　　弹窗代码的特点

　　弹窗代码最大的特点就是不会跳出原网页，直接显示在当前网页上。用户可以选择关闭弹窗继续浏览网页内容。在代码配置方面，可以确定用户关闭弹窗多少分钟后，它不会再出现。另外，通过if IE和@cc_on语句的配合，弹出代码只会在需要升级的IE版本加载，其他浏览器不会加载。

　　关于弹窗的设计

　　其实老版本IE升级提示弹窗的代码在网上并不少见。他们大多在头部banner上使用一句话提示，大图的一小部分加上简短的文字提示对小白用户来说并不友好。除了少数专业人士外，其余的都是使用旧版IE浏览器的用户。专业人士经常出于实际需要（如测试）使用旧版IE，无论你怎么提示，他们都不会升级；而新手用户往往不懂电脑，所以提示不能无足轻重，否则无法说服升级。不能只用术语，不然小白看不懂。

　　所以，这个弹窗的设计是针对小白用户的。主色调为*敏*感*词*和白色，整体色调偏暖。标题采用深红色加粗“危险！”、“请立即升级！”等警示语营造需要立即升级的紧迫感，引导用户完成新版浏览器的升级尽快地。另外，特别为使用国产双核浏览器IE兼容模式的用户提供了切换到超快内核的*敏*感*词*，通过切换内核引导用户正常访问网页，为用户提供最佳访问体验的同时避免流量损失。查看弹窗截图

　　弹出代码来了解 IE 和 @cc_on 语句

　　如果 IE 是 IE 浏览器独有的条件注释语句。语法用于判断IE的版本。它仅在 IE9 和旧版本中有效。在 IE10、IE11 或其他浏览器中，它将作为普通注释被忽略。 ;@Cc_on 是IE浏览器的特殊条件编译语句。语法如/*@cc_on @*/，仅在IE10及更老版本中有效，在IE11或其他浏览器中作为普通注释会被忽略。弹出的代码会根据不同的情况使用这两个功能，使得代码只在需要升级的IE版本中加载，在其他浏览器中不加载。

　　关于双核浏览器的兼容性

　　请在弹窗代码前添加以下代码。通过以下代码，内置Chromium和IE双核的浏览器将优先使用Chromium内核，IE将优先使用最高内核而不是兼容模式。详细解释请参考旧版IE浏览器报废代码解释。

　　需要注意的是，以下内核代码并不总是有效的。当您的域名为或结尾，或者您的网页内容类似于“IE9.0或以上，浏览器访问达到最佳效果”时，此代码将失效。

　　但是，如前文所述，弹出代码为双核浏览器用户提供了切换内核的*敏*感*词*，通过切换内核引导用户正常访问。

　　可选配置

　　弹出代码提供了两个参数进行配置。第一个是决定用户关闭弹窗多少分钟后停止显示弹窗的once参数。如果没有配置，则没有限制。用户每次打开或刷新页面时都会显示出来；第二个是outver参数，决定哪个IE版本开始提示升级。最高为11（即所有IE提示升级），最低为6，默认为10（即IE10及以下提示升级）。

　　示例〇。所有IE访问都提示升级（包括IE11、IE10、IE9、IE8、IE7、IE6），每次打开都会提示升级：

　　if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) document.write('\x3Cscript id="_iealwn_js" data-outver="11" src="https://support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>');

　　示例一。 IE10、IE9、IE8、IE7、IE6及以下版本提示升级，每次打开提示升级：

　　/*@cc_on

var _iealwn = {once: 0, outver: 10};

document.write('\x3Cscript id="_iealwn_js" src="https://support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>');

@*/

　　默认配置是{once: 0, outver: 10}，所以这个例子可以简写为：

　　/*@cc_on document.write('\x3Cscript id="_iealwn_js" src="https://support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>'); @*/

　　示例二。 IE9、IE8、IE7、IE6及以下版本提示升级，每次打开提示升级：

　　示例三。 IE8、IE7、IE6及以下版本提示升级，每次打开提示升级：

　　示例四。 IE7、IE6及以下版本提示升级，每次打开提示升级：

　　重复弹窗配置

　　配置说明中提到，使用上面的示例代码，用户点击关闭弹窗后，只要打开或刷新页面就会再次弹出提示，因为once参数没有配置了有效值。如果不想弹出太频繁，可以设置一个值，比如3。那么，在用户点击关闭弹窗后3分钟内，无论是不是弹窗都不会弹出提醒打开新页面或刷新页面。

　　以下是一个例子：

　　/*@cc_on

var _iealwn = {once: 3, outver: 10};

document.write('\x3Cscript id="_iealwn_js" src="https://support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>');

@*/

　　该函数的实现依赖于Cookie，字段名称为_iealwn。如果用户浏览器关闭了 Cookie 功能，则配置无效。

　　一个完整的 HTML 示例

　　以下示例使用默认配置，微软已停止支持IE10及旧版本IE提示升级。

/*@cc_on

document.write('\x3Cscript id="_iealwn_js" src="https://support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>');

@*/

网页标题

网页内容

　　代码维护

　　当前弹窗代码已经在Windows XP IE6/IE7/IE8和Windows 7 IE8/IE9/IE10下测试，均显示正常。但是由于大部分双核浏览器在IE兼容模式下都没有给userAgent加logo，所以很难识别。双核浏览器切换内核*敏*感*词*，只能在Windows 7 IE9/IE10内核通过测试，只有部分IE6/IE7/IE8内核通过测试，更多检测方法还在研究中，弹出代码仍在改进中。腾讯云和阿里云快速访问代码和静态资源。

　　技术参考资料