云计算开发者社区

用新浪微博连接

一步搞定

查看: 192|回复: 0

免插件代码实现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及以下版本提示升级
<!--[if lte IE 8]><script>var _iealwn = {once: 0, outver: 8};</script><script id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js"></script><![endif]-->

    IE9及以下版本提示升级
<!--[if lte IE 9]><script>var _iealwn = {once: 0, outver: 9};</script><script id="_iealwn_js" src="//support.dmeng.net/ie-alert-warning/latest.js"></script><![endif]-->

    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>
    <!-- 其他meta标签 -->
</head>
<body>
    <h1>网页内容</h1>
</body>
</html>



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

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

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

Archiver|云计算开发者社区 ( 京ICP证000007-137 )

GMT+8, 2018-4-24 12:28 , Processed in 0.205978 second(s), Total 12, Slave 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部