meta 解决页面浏览器兼容性

时间 2019-11-11

原文原文链接

使用最高级的ie内核，若是支持谷歌内核，使用谷歌内核
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />


这样写能够达到的效果是若是安装了GCF，则使用GCF来渲染页面，若是没安装GCF，则使用最高版本的IE内核进行渲染。
Google Chrome Frame（谷歌内嵌浏览器框架GCF）。这个插件能够让用户的IE浏览器外不变，但用户在浏览网页时，
实际上使用的是Google Chrome浏览器内核，并且支持IE六、七、8等多个版本的IE浏览器。web

特别是用户使用了相似360 能够有两种内核的，谷歌和微软的就会更有效了。chrome

虽然可能做用不大，可是仍是尽可能加上吧，特别是某些页面的功能须要兼容ie 8 ，9 的。浏览器

尽可能放在 head 的顶部了，防止失效！app

一种认为使用后台include语法在页面中引入了子页面的话，在子页面里也须要加上<!DOCTYPE HTML>文档声明，另外一种说法是X-UA-Compatible以前不能有script标签。后一种说法应该是比较靠谱的，由于在官方的说明文章里有这么一句：
The X-UA-Compatible header is not case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.框架

大体意思是：带X-UA-Compatible属性声明的meta标签，必须放在head标签内，而且要放在除了<title/> <meta/>这2个元素外的任何元素前面。ui

确实，X-UA-Compatible声明位置要符合上面要求的话，该声明就能正常生效，表现为：系统若装有比ie8更高版本的ie（本例是：edge）的话，就会用edge的内核去渲染页面。插件