查看: 1328|回复: 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>

使用道具举报

返回列表