国内浏览器很多都是双内核(webkit和Trident),webkit内核高速浏览,IE内核兼容网页和旧版网站。而添加meta标签的网站可以控制浏览器选择何种内核渲染。
<meta name="renderer" content="webkit|ie-comp|ie-stand">
国内双核浏览器默认内核模式如下:
1. 搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)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">
<!--优先使用 IE 最新版本和 Chrome-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--360浏览器QQ,搜狗等双内核浏览器,默认使用chrome内核-->
<meta name="renderer" content="webkit">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
国内双核浏览器默认内核模式如下:
1. 搜狗高速浏览器、QQ浏览器:IE内核(兼容模式)
2. 360极速浏览器、遨游浏览器:Webkit内核(极速模式)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">
<!--优先使用 IE 最新版本和 Chrome-->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--360浏览器QQ,搜狗等双内核浏览器,默认使用chrome内核-->
<meta name="renderer" content="webkit">
<!-- IE9 模式支持全范围的既定行业标准,包括 HTML5(草案), W3C CSS Level 3 规范(草案), SVG 1.0 规范等 -->
<metahttp-equiv="X-UA-Compatible"content="IE=9">
<!-- IE8 模式支持许多既定行业标准,W3C CSS Level 2.1 规范和 W3C Selectors API,有限支持 W3C CSS Level 3 规范(草案)和其他行业标准 -->
<metahttp-equiv="X-UA-Compatible"content="IE=8">
<!-- IE7 模式强制浏览器按照 IE 7 标准模式渲染文档,忽略是否定义指令 -->
<metahttp-equiv="X-UA-Compatible"content="IE=7">
<!-- Emulate IE9 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE9 渲染,怪异模式下以 IE5 渲染。和 IE9 模式不同的是,Emulate IE9 模式会考虑指令 -->
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE9">
<!-- Emulate IE8 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE8 渲染,怪异模式下以 IE5 渲染。和 IE8 模式不同的是,Emulate IE8 模式会考虑指令 -->
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE8">
<!-- Emulate IE7 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE7 渲染,怪异模式下以 IE5 渲染。和 IE7 模式不同的是,Emulate IE7 模式会考虑指令。对于大多数站点而言,这是首选的兼容模式 -->
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7">
<!-- IE5 模式告诉 IE7 是否以怪异模式渲染文档 -->
<metahttp-equiv="X-UA-Compatible"content="IE=5">
<!-- Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染 -->
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<!-- 使用以下代码强制 IE 使用 Chrome Frame 渲染 -->
<metahttp-equiv="X-UA-Compatible"content="chrome=1">
<!-- 最佳的兼容模式方案,结合考虑以上两种: -->
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">
<metahttp-equiv="X-UA-Compatible"content="IE=9">
<!-- IE8 模式支持许多既定行业标准,W3C CSS Level 2.1 规范和 W3C Selectors API,有限支持 W3C CSS Level 3 规范(草案)和其他行业标准 -->
<metahttp-equiv="X-UA-Compatible"content="IE=8">
<!-- IE7 模式强制浏览器按照 IE 7 标准模式渲染文档,忽略是否定义指令 -->
<metahttp-equiv="X-UA-Compatible"content="IE=7">
<!-- Emulate IE9 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE9 渲染,怪异模式下以 IE5 渲染。和 IE9 模式不同的是,Emulate IE9 模式会考虑指令 -->
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE9">
<!-- Emulate IE8 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE8 渲染,怪异模式下以 IE5 渲染。和 IE8 模式不同的是,Emulate IE8 模式会考虑指令 -->
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE8">
<!-- Emulate IE7 模式告诉 IE 使用指令来决定如果渲染文档。标准模式下以 IE7 渲染,怪异模式下以 IE5 渲染。和 IE7 模式不同的是,Emulate IE7 模式会考虑指令。对于大多数站点而言,这是首选的兼容模式 -->
<metahttp-equiv="X-UA-Compatible"content="IE=EmulateIE7">
<!-- IE5 模式告诉 IE7 是否以怪异模式渲染文档 -->
<metahttp-equiv="X-UA-Compatible"content="IE=5">
<!-- Edge 模式告诉 IE 以最高级模式渲染文档,也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染,避免版本升级造成的影响。简单的说,就是什么版本 IE 就用什么版本的标准模式渲染 -->
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<!-- 使用以下代码强制 IE 使用 Chrome Frame 渲染 -->
<metahttp-equiv="X-UA-Compatible"content="chrome=1">
<!-- 最佳的兼容模式方案,结合考虑以上两种: -->
<metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">