用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式(顺带解决很多兼容性问题)

小鱼儿 2022-08-06 17:03 195阅读 0赞

## 浏览模式 ##

极速模式、兼容模式及IE9高速模式是360浏览器显示网页时使用的三种模式：

![极速模式][E6_9E_81_E9_80_9F_E6_A8_A1_E5_BC_8F.png]表示极速模式

![兼容模式][E5_85_BC_E5_AE_B9_E6_A8_A1_E5_BC_8F.png]表示兼容模式

![IE9IE10模式][IE9IE10]表示IE9/IE10模式（仅在安装了IE9或IE10后可用）

360极速浏览器会自动为您选择使用适合每个网站的浏览模式。所以，通常您不用了解几种内核的区别。

## 几种模式各有什么特点 ##

极速模式下，网站打开速度快，但某些网站在极速模式下可能出现兼容性问题，显示不正常。  
兼容模式下，网站打开速度比极速模式略低，但网页兼容性问题较少。  
IE9/IE10模式下，网站会使用IE9/IE10的渲染方式渲染，支持硬件加速及IE9/IE10全新的脚本渲染引擎。

## 代码示例 ##

在head标签中添加一行代码：

> <html>
> 
> <head>
> 
> `<meta name="renderer" content="webkit|ie-comp|ie-stand">`
> 
> </head>
> 
> <body>
> 
> </body>
> 
> </html>

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">`

> 注意：引号要英文状态下的，直接复制代码后看一下格式对不对，请自行更正。  
>

## 各渲染内核的技术细节 ##

<table> 
 <tbody> 
  <tr> 
   <th>内核</th> 
   <td>Webkit</td> 
   <td>IE兼容</td> 
   <td>IE标准</td> 
  </tr> 
  <tr> 
   <th>文档模式</th> 
   <td>Chrome 21</td> 
   <td>IE6/7</td> 
   <td>IE9/IE10/IE11(取决于用户的IE)</td> 
  </tr> 
  <tr> 
   <th>HTML5支持</th> 
   <td>YES</td> 
   <td>NO</td> 
   <td>YES</td> 
  </tr> 
  <tr> 
   <th>ActiveX控件支持</th> 
   <td>NO</td> 
   <td>YES</td> 
   <td>YES</td> 
  </tr> 
 </tbody> 
</table>

## 各内核UA示例 ##

![UAshili.png][]

## 备注 ##

这个功能其实和IE9的X-UA-Compatible很类似，关于IE几个内核的实现介绍，请看：  
[http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx][http_blogs.msdn.com_b_ie_archive_2010_06_16_ie-s-compatibility-features-for-site-developers.aspx]

[E6_9E_81_E9_80_9F_E6_A8_A1_E5_BC_8F.png]: http://www.ihref.com/wp-content/uploads/2014/11/%E6%9E%81%E9%80%9F%E6%A8%A1%E5%BC%8F.png
[E5_85_BC_E5_AE_B9_E6_A8_A1_E5_BC_8F.png]: http://www.ihref.com/wp-content/uploads/2014/11/%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F.png
[IE9IE10]: http://www.ihref.com/wp-content/uploads/2014/11/IE9IE10%E6%A8%A1%E5%BC%8F.png
[UAshili.png]: /images/20220805/71be3c5f17dd4b339507c80b9b0f7d66.png
[http_blogs.msdn.com_b_ie_archive_2010_06_16_ie-s-compatibility-features-for-site-developers.aspx]: http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx