免插件代码实现IE升级提示弹窗 [复制链接]

Rank: 2

发表于 2018-3-29 17:51:11 |显示全部楼层

本帖最后由多梦于 2018-3-29 17:58 编辑

自2016年起，微软不再为IE11以下版本提供相应支持和更新。时过境迁，如今旧版IE不仅难以进行 CSS HACK，更已成为一个岌岌可危的软件。作为网站技术人员非常有必要抵制IE6、IE7、IE8、IE9、IE10等旧版IE浏览器！

那么，应该如何提示用户升级IE浏览器呢？

工具/原料

代码编辑器（如 Notepad++、UltraEdit）

方法/步骤

1. 在代码编辑器中（如Notepad++）打开网站头部模板

2. 在网站头部代码</head>之前添加弹窗代码：

IE8及以下版本提示升级

IE9及以下版本提示升级

IE10及以下版本提示升级（因为 IE10 不支持 if IE 语句，因此使用 IE10 及更旧版IE特有的条件编译 @cc_on 语句）

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

3. 弹窗效果如下。图一是默认弹窗效果，图二是双核浏览器弹窗效果。

一个完整的HTML示例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
<script>/*@cc_on
document.write('\x3Cscript id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>');
@*/</script>
<title>网页标题</title>

</head>
<body>
<h1>网页内容</h1>
</body>
</html>

注意事项
旧版IE升级提示弹窗代码由阿里云提供极速访问

转自：https://jingyan.baidu.com/article/03b2f78c27fc045ea337ae49.html

使用道具举报

返回列表