[普通]《meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1

作者(passion) 阅读(931次) 评论(0) 分类( 软件)

 注:由于“<>”会被后台自动解析掉,所以用“《》”进行代替,不便之处请谅解。

   众所周知,在中国这片神奇的土地上,由于相当一部分「陈旧」、「老化」的网站只有使用IE6、IE7等浏览器才能正常显示,而IE6、IE7等老版本的浏览器在性能、显示以及对HTML5、CSS3的支持等方面又饱受诟病,从而催生了大量的「双核」浏览器,例如:360极速浏览器、搜狗浏览器、淘宝浏览器、枫树浏览器、猎豹浏览器。目前,IE6已经退出了历史的舞台,IE7差不多也要走到尽头了。

   「双核」浏览器,顾名思义,就是浏览器内部包含两个渲染内核。目前大多数「双核」浏览器内部的两个内核分别是IE内核和WebKit内核。与双核处理器不同的是,「双核」浏览器的两个内核并不能同时为一个网页进行渲染排版工作,而是根据我们的需要,选择两者之中更适合当前网页的内核来进行渲染排版。IE内核主要用于兼容「老一辈」的网页,使其能够正常显示;WebKit内核则用于渲染「新一代」的网页,从而发挥出更快的显示速度、更好的显示效果、更优异的脚本执行性能。

   实际上,大多数用户并不关心(或者并不知道)双核浏览器的作用,也不会手动选择适合的渲染内核来渲染当前网页,选择渲染内核的工作一般都是浏览器自身「智能」完成的。 不过,浏览器的「智商」毕竟有限,并不总是能够准确地选择出适合当前网页的渲染内核。如果我们的网站属于「崭新的一代」(比如使用了大量HTML5的新特性),而「双核」浏览器却错误地使用IE内核来进行渲染排版,那么用户看到的将会是一堆乱七八糟的东西。

这当然不是用户想看到的,更不是我们想见到的。此时,我们可以使用<meta>标签来指定适合自己网站的渲染内核名称,当双核浏览器访问本网页时,就会根据我们的指示,选择我们指定的渲染内核来处理网页。


<meta name="renderer" content=" " />

   content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。


   若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit">
   若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp">
   若页面需默认用ie标准内核,增加标签:<meta name="renderer" content="ie-stand">


   我们也可以同时指定多个内核名称,之间以符号"|"进行分隔,此时浏览器将会按照从左到右的先后顺序选择其具备的渲染内核来处理当前网页。

   但是,我看到网上有同学反应用上述方法,有时候不太管用。现在介绍一种比较好的办法:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

  其中http-equiv=”X-UA-Compatible”这个是IE8的专用标记,是用来指定Internet Explorer 8 浏览器模拟某个特定版本IE浏览器的渲染方式,以此来解决IE浏览器的兼容问题。

   以前css hacker常用的模拟IE7渲染方式的代码:<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

   IE=edge告诉IE使用最新的引擎渲染网页,chrome=1则可以激活Google Chrome Frame。Google Chrome Frame是Google开发的Google Chrome 浏览器内嵌框架 – GCF。使用GCF可以让用户的IE浏览器外观不变,但用户在浏览网页时实际上使用的是Chrome的内核,并且支持Windows XP及以上系统的IE6/7/8。而第一段中提到的代码则是指定该页面使用Chrome内核来做渲染,前提是用户必须已经安装GCF

   GCF下载地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/

   所以这段代码则可以解释为:如果安装了GCF,则使用GCF来渲染页面「”chrome=1″」,如果没有安装GCF,则使用最高版本的IE内核进行渲染「”IE=edge”」。



« 上一篇:wifi共享上网(至尊版wifi)
« 下一篇:drcom至尊版使用openwrt路由器拨号
在这里写下您精彩的评论
  • 微信

  • QQ

  • 支付宝

返回首页
返回首页 img
返回顶部~
返回顶部 img