通过meta代码强制浏览器使用WebKit内核极速模式

解决进入页面浏览器自动变成兼容模式。

解决< meta name=“renderer” content=“webkit”>不起作用，从“步骤”开始看起。

一般只使用代码<meta name="renderer" content="webkit"> ，会有些浏览器会不起作用，所以在使用的时候，要完全兼顾。如果知道为什么使用这个标签，请直接从“步骤”开始查看。

为什么这么做
国产浏览器大多是双内核，甚至是三内核。一个Chromium内核，也就是Chrome使用的内核，切换到这个内核的模式一般叫极速模式；一个IE内核，称之为IE模式；有的甚至还有一个修改过的IE内核，称之为兼容模式。

这些浏览器这样做的原因是国内还有大量为IE浏览器量身定做的网站，为了兼容这些网站，不默认启用极速模式，而是根据代码判断选择IE模式或者兼容模式或者极速模式。

问题在于，浏览器自动选择经常判断错误，导致本来使用Webkit可以获得更好浏览效果的网站错误在IE模式中带着BUG运行。让开发者头疼。

幸好，现在多核浏览器已经支持通过meta标签指定浏览模式，那么，我们就可以通过meta代码强制浏览器启用Chromium内核，为用户提供最好的使用体验。

步骤
在网页头部标签内<head>添加以下代码：

<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

三个都写上就不会出现 < meta name=“renderer” content=“webkit” > 不起作用的问题这三行代码分别作用于不同环境，如下所述：

<!-- 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器 -->
<meta name="renderer" content="webkit"/><!-- 强制Chromium内核，作用于其他双核浏览器 -->
<meta name="force-rendering" content="webkit"/><!-- 如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>

低版本IE浏览器访问问题
添加好强制Webkit内核的代码，使用国产浏览器访问网站已经不存在IE兼容问题了，IE访客量将大大减少。但仍然不可避免会有一些老旧电脑通过低版本IE浏览器访问，如果我们专门为了这极小部分用户进行 CSS HACK ，将严重加重我们的工作量。

更何况自2016年1月起微软已经停止为IE11以下版本提供支持和更新，已经这么久没有更新，低版本IE不仅对CSS3和HTML5支持有问题，更有安全问题。

那么，我们不去支持低版本IE，这小部分用户怎么办呢？

我们可以使用 if IE 语句给网站添加IE升级提示，提示用户进行浏览器升级，或者切换更先进的浏览器再访问。

我们可以在刚刚的meta标签下添加一段跳转到IE升级提示页的代码（当IE版本低于IE11时跳转），实现低版本IE用户访问时提示他们进行升级或者更换浏览器。

强制Webkit内核和提示低版本IE访问用户升级完整代码如下所示，把这段代码添加到头部模板文件<head>标签下即可：

<meta name="renderer" content="webkit"/>
<meta name="force-rendering" content="webkit"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/><script>/*@cc_on window.location.href="http://support.dmeng.net/upgrade-your-browser.html?referrer="+encodeURIComponent(window.location.href); @*/</script>

（@cc_on 是 IE10 及更旧版IE特有的条件编译语句，因此可以用来判断是否除 IE11 以外的其他IE版本。）

因为低版本IE访问时因为不兼容CSS3和HTML5网站往往是错版的，添加了上面这段代码，当低版本IE用户访问时就会跳转到升级提示页，避免不必要的资源加载，降低网站服务器开销。

<meta http-equiv="X-UA-Compatible" content="IE=7">
// 以上代码告诉IE浏览器，无论是否用DTD声明文档标准，IE8/9都会以IE7引擎来渲染页面。<meta http-equiv="X-UA-Compatible" content="IE=8">
// 以上代码告诉IE浏览器，IE8/9都会以IE8引擎来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=edge">
// 以上代码告诉IE浏览器，IE8/9及以后的版本都会以最高版本IE来渲染页面。 <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=7,9">
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
// 以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame.

通过meta代码强制浏览器使用WebKit内核极速模式相关推荐

通过meta代码强制浏览器使用WebKit内核极速模式（解决 meta name=renderer content=webkit 不起作用）
解决< meta name="renderer" content="webkit">不起作用,从"步骤"开始看起. 一般只使用代 ...
python webkit内核_360浏览器使用meta标签强制使用指定webkit内核 - meta强制用极速模式...
目前国内主流浏览器多为双核浏览器,基于开发成本和效果考虑,兼容模式实在头疼.目前,360浏览器可以使用meta进行设置,强制使用指定内核打开页面,方法如下: content的取值为webkit,ie- ...
解决360浏览器兼容性问题的极速模式、兼容模式、IE11模式对同一页面的不同兼容性问题
刚开始写页面的时候,会出现很多问题,当然兼容性问题是最不容忽视的.然而就在刚刚我写代码的时候,在谷歌运行的很好的代码,突然转到360的三种模式的时候,就出现了各种问题.然而我也各种找解决办法,终于还是 ...
html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客
360浏览器升级到6.0版本后对html5实现了全面兼容,于此同时360 6.0版本浏览器提供了两种模式:1.极速模式 2.兼容模式,也就是说360浏览器为双核浏览器.浏览器最核心的部分是渲染引擎(R ...
360安全浏览器，默认打开极速模式。
360极速浏览器的兼容模式下是IE几,这个是根据你电脑的装的IE版本是多少它就是多少, 它都是调用同一个内核,可能是设置了怪异文档模式:标准模式(strict mode)和怪异模式(quirks mo ...
CSS-0816盒模型标准盒模型怪异盒模型及其应用背景属性补充小图标使用图标网站可变化单位meta元信息浏览器内核(渲染机制)响应式页面媒体类型媒体特性opacity和背景色设置透明的区别
title: "CSS 0816" date: 2022-08-16T11:18:25+08:00 文章目录 title: "CSS 0816" date: 2 ...
html调用谷歌内核,360浏览器指定Webkit(chrome)内核
起因很多web开发者对360浏览器都没有什么好感,拥有着庞大的用户量,但又因为种种特性导致网页兼容问题,尤其是360安全浏览器提供的双内核功能,总是将网站用IE内核去解析,而自己的网站 http:/ ...
webkit内核的浏览器
webkit内核的浏览器 2008年9月2日,谷歌公司发布的第一个版本GoogleChrome(中文名为谷歌浏览器)就采用了Webkit引擎. 2009年,广受关注的Android的自带的浏览器也是W ...
八大Webkit内核浏览器
列举出时下最流行的Webkit内核浏览器,所以我们并不会做出评测和对比. PS:本文列举的浏览器有一部分为IE+Webkit双核浏览器,如果您对其他IE内核浏览器很感兴趣<抛弃数据!用体验和感觉 ...

通过meta代码强制浏览器使用WebKit内核极速模式

通过meta代码强制浏览器使用WebKit内核极速模式相关推荐

最新文章

热门文章