云计算开发者社区

用新浪微博连接

一步搞定

查看: 865|回复: 0

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

Rank: 2

发表于 2018-3-29 17:51:11 |显示全部楼层
本帖最后由 多梦 于 2018-5-9 19:20 编辑

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

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

工具/原料

    代码编辑器(如 Notepad++、UltraEdit)

if IE 语法

    if IE 语句案例一

判断是否指定 IE 版本,当前浏览器是 IE 6 时以下案例有效):

<!––[if IE 6]>你使用的是 IE 6 浏览器,是时候升级了!<![endif]––>

    if IE 语句案例二

判断是否指定及以下版本,当前浏览器是 IE 10 及以下版本时以下案例有效。IE10 不支持 if IE 语句,因此需要使用JS代码判断。以下使用只有IE10及旧版IE支持的条件编译实现):

<script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

    if IE 语句案例三

判断是否指定及以上版本,当前浏览器是 IE 8 及以上版本时以下案例有效):

<!--[if gte IE 8]>你正在使用的是 IE 8 或以上版本<![endif]-->

方法/步骤


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

    2. 在网站头部代码</head>之前添加代码:
    IE8 及以下版本提示升级
<!--[if lte IE 8]><script>window.location.href='http://support.dmeng.net/upgrade-your-browser.html?referrer='+encodeURIComponent(window.location.href);</script><![endif]-->
    IE9 及以下版本提示升级
<!--[if lte IE 9]><script>window.location.href='http://support.dmeng.net/upgrade-your-browser.html?referrer='+encodeURIComponent(window.location.href);</script><![endif]-->
    IE10 及以下版本提示升级(使用只有IE10及旧版IE支持的条件编译实现)
<script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

    一个完整的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 window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>
  <title>网页标题</title>
  <!-- 其他meta标签 -->
</head>
<body>
  <h1>网页内容</h1>
</body>
</html>

使用道具 举报

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

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

GMT+8, 2018-7-21 11:48 , Processed in 0.182639 second(s), Total 12, Slave 11 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部