微信营销 | 网站建设 | 服务范围 | SEO优化 | 品牌设计 | 公司资讯 咨询邮箱 咨询邮箱:cqzokj@qq.com 咨询热线 咨询热线:176-2367-1234 微博 微信
您的位置: > 新闻动态 > 常见问题 > >
分享到:
使用if IE语句判断浏览器IE版本及添加升级提示!
发表日期:2015-03-12    文章编辑:管理员    浏览次数:


概述

距离微软宣布停止对IE6的支持的2010年已经过了4年时间了,但仍有一小部分用户在使用IE6/IE7/IE8,这样我们在CSS hack的时候就需要判断浏览器是否IE6/IE7/IE8了,幸运的是这个判断非常简单。

面对破旧不堪的IE6/IE7/IE8,汇特网强烈建议不要CSS hack而是选择提示升级。

实现方法(1)

判断当前浏览器是否IE6(或IE6内核)

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

判断当前浏览器是否IE7及以下版本

<!--[if lte IE 7]>
这段文字只会在IE7及(IE7/IE6/IE5等)以下版本显示
<![endif]-->

完整的判断IE及IE版本代码

判断是否IE

<!––[if IE]>
你正在使用的是IE浏览器
<![endif]––>

判断IE版本

<!––[if IE 6]>
你正在使用的IE版本是IE6
<![endif]––>
<!––[if IE 7]>
你正在使用的IE版本是IE7
<![endif]––>
<!––[if IE 8]>
你正在使用的IE版本是IE8
<![endif]––>
<!––[if IE 9]>
你正在使用的IE版本是IE9
<![endif]––>

以此类推

IE8及以下版本提示浏览器升级

以下是多梦网络使用的一段在IE8及以下版本提示浏览器升级的代码。

<!--[if lte IE 8]><script>window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script><![endif]-->

把这段代码添加在网站头部代码</head>之前,当IE8及以下版本浏览器(包括使用IE8及以下版本内核的浏览器)访问网站的时候将自动跳转到浏览器升级提示页面。

自动调用IE最高版本

有的双核浏览器其中一核使用的就是IE内核,但是默认并不会调用最高版本,往往是模拟IE7,这个时候我们需要在网页头部添加一行代码让浏览器自动调用最高版本的IE来更好的支持HTML5和CSS3。

<meta http-equiv="X-UA-Compatible" content="IE=Edge" >

 

实现方法(2)


<html> 
<head> 
<title>判断IE版本并给出提示升级浏览器</title> 
</head> 
<style type="text/css"> 
#ie6-warning{ 
background:rgb(255,255,225); 
position:absolute; 
top:0; 
left:0; 
font-size:12px; 
color:#333; 
width:97%; 
padding: 2px 15px 2px 23px; 
text-align:left; 
#ie6-warning a { 
text-decoration:none; 
</style> 
<body> 
<!--[if lte IE 6]> 
<div id="ie6-warning">您正在使用 Internet Explorer 6,在本页面的显示效果可能有差异。建议您升级到 <a href="http://www.microsoft.com/china/windows/internet-explorer/" target="_blank">Internet Explorer 8</a> 或以下浏览器: <a href="http://www.mozillaonline.com/">Firefox</a> / <a href="http://www.google.com/chrome/?hl=zh-CN">Chrome</a> / <a href="http://www.apple.com.cn/safari/">Safari</a> / <a href="http://www.operachina.com/">Opera</a> 
</div> 
<script type="text/javascript"> 
function position_fixed(el, eltop, elleft){ 
// check if this is IE6 
if(!window.XMLHttpRequest) 
window.onscroll = function(){ 
el.style.top = (document.documentElement.scrollTop + eltop)+"px"; 
el.style.left = (document.documentElement.scrollLeft + elleft)+"px"; 
else el.style.position = "fixed"; 
position_fixed(document.getElementById("ie6-warning"),0, 0); 
</script> 
<![endif]--> 
</body> 
</html>


 

  • 电  话:176-2367-1234
  • 传 真:023-67877506
  • 业务 QQ:99115672
  • Email:cqzokj@qq.com
  • 官方微信:hk910910
  • 官方微博:重庆智欧科技有限公司
hk910910
重庆智欧科技有限公司
Copyright © 2014-2015 重庆智欧科技有限公司-版权所有 Power by DedeCms 地址:重庆市南岸区渝能都市经典B栋28-3 咨询热线:176-2367-1234 备案号:渝ICP备14004914号