`
du_bo
  • 浏览: 41292 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类

用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

阅读更多

这篇文章主要介绍了用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式,需要的朋友可以参考下

一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的方法,只要加入一段Meta标签代码就可以解决

以下信息摘自360官方网站:

浏览模式

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

表示极速模式

表示兼容模式

表示IE9/IE10模式(仅在安装了IE9或IE10后可用)

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

几种模式各有什么特点

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

切换浏览模式时,360极速浏览器将会自动同步双核间的数据,让您在双核间能无缝切换。

用户体验计划

在您加入用户体验计划的情况下,我们会将切换的网址发送到360网站,以便我们完善兼容列表库,改进产品。

上传的数据不包含具有您个体特征的信息,且不会泄漏给第三方个人或机构。

若不希望上传切换的网址,您只需在“高级选项”里去掉勾选
“ 将使用情况统计信息和崩溃报告自动发送给360极速浏览器网站,,帮助我们完善360极速浏览器”即可。

背景介绍

由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网站,只有小量的网站通过IE内核渲染,以保证页面兼容。在过去很长一段时间里,我们主要的控制手段是一个几百k大小网址库,一个通过长期人工运营收集的网址库。

尽管我们努力通过用户反馈、代码标签智能判断技术提高浏览器的自动切核准确率。但是在很多情况下,我们仍然无法达到百份百正确。因此,我们新增加了一个控制手段:内核控制Meta标签。只要你在自己的网站里增加一个Meta标签,告诉360浏览器这个网址应该用哪个内核渲染,哪么360浏览器就会在读取到这个标签后,立即切换对应的内核。并将这个行为应用于这个二级域名下所有网址。
目前该功能已经在所有的360安全浏览器实现。我们也建议其它浏览器厂商一起支持这个实现。让这个控制标签成为行业标准。

代码示例

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

 

XML/HTML Code复制内容到剪贴板

 

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” /> 

这里发现一个问题,官方给的信息里结尾是“>”,实际测试时不起作用,这时只要把结尾改为“ />”(注意 / 前面有空格),测试是可行的。 

各渲染内核的技术细节

内核 Webkit IE兼容 IE标准

文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE)

HTML5支持 YES NO YES

ActiveX控件支持 NO YES YES


各内核UA示例 



 

备注

这个功能其实和IE9的X-UA-Compatible很类似,关于IE几个内核的实现介绍,请看:

了解极速模式和兼容模式使用的技术: 

极速模式使用的是Webkit内核,Webkit内核是全球最快速的浏览器内核,同时支持了诸多的网页新标准, 
但由于Webkit内核较新,国内一些网站尚未较好地支持此内核。 

兼容模式使用的是IE浏览器所使用的 Trident 内核,是国内网页制作时主要兼容的浏览器内核,兼容性问题较少。 

IE9/IE10模式使用的是IE9/IE10浏览器所使用的新内核,加入了硬件加速、全新的脚本渲染引擎,更标准的HMTL5及CSS3支持。

 

 

 

转载:http://www.68idc.cn/help/makewebs/html/20141214142016.html

分享到:
评论

相关推荐

    解决360双核浏览器兼容模式的页面显示问题

    针对360双核浏览器兼容模式的页面显示问题,开发者可以使用内核控制Meta标签来手动指定浏览器应使用的渲染内核。通过在HTML页面的部分添加特定的&lt;meta&gt;标签,开发者可以告诉360浏览器使用webkit内核或者IE兼容模式...

    用Meta标签控制360浏览器默认极速模式打开自己的网站

    例如,如果希望网页默认使用360浏览器的极速模式打开,可以添加如下Meta标签:&lt;meta name="renderer" content="webkit"&gt;。相应地,如果需要默认使用IE兼容内核,则添加&lt;meta name="renderer" content="ie-comp"&gt;,...

    让网页自动调用双核浏览器的极速模式(Webkit)

    本文将深入探讨如何通过代码让网页自动调用双核浏览器的极速模式,即Webkit内核。 首先,我们需要理解`&lt;meta&gt;`标签的作用。`&lt;meta&gt;`标签是HTML中的一个元数据元素,它提供有关网页的非可视化信息,如字符编码、...

    浏览器兼容代码大全

    ### 浏览器兼容代码大全 #### 概述 本文档提供了一系列的代码示例,旨在帮助初学者解决不同浏览器间的兼容性问题。通过本文档的学习,你可以掌握如何编写能够跨浏览器正常显示的网页,包括但不限于CSS样式调整、...

    Nuxt页面自定义meta标签和asyncData异步请求

    一、页面自定义meta标签 可以为每个页面单独设置不同的meta标签 以便于SEO 全局的meta标签在nuxt.config.js文件里配置 而单独的meta标签在组件的内部标签内进行配置即可 值得注意的是:hid属性是页面的唯一标识 若想...

    IE8浏览器如何确定文档模式.docx

    IE8 浏览器如何确定文档模式是指 IE8 浏览器如何根据文档类型、X-UA-Compatible meta 标签和头部、开发人员工具和兼容性视图设置来确定网站的渲染模式的过程。 文档类型(doctype)是 HTML 文档的开头部分,用于...

    浅谈解决360兼容模式浏览器的方法

    首先, renderer元标签是一种为双核浏览器(如360浏览器)准备的标签,通过该标签可以指定浏览器在处理网页时,默认使用的渲染内核。这种元标签的设置可以避免浏览器自动切换到兼容模式,从而可能影响网页的显示效果...

    页面在360浏览器下显示不正常的兼容性问题

    在Web开发中,兼容性问题是一项常见的挑战,尤其是在面对360浏览器这样的“双核”或“多核”浏览器时。这些浏览器通常基于Internet Explorer(IE)的Trident渲染引擎和WebKit系列(如Blink或Chromium)内核,根据...

    WebApp里的Meta标签大全

    ### WebApp中的Meta标签详解 #### 一、引言 在Web开发中,尤其是在构建适应移动设备的Web应用(WebApp)时,正确使用HTML中的`&lt;meta&gt;`标签至关重要。它不仅可以帮助开发者控制页面的布局与展示效果,还能优化SEO、...

    网页头部标签meta详解

    Meta标签的使用可以帮助搜索引擎更好地理解网页的内容和结构,从而提高网页的搜索排名和用户体验。同时,Meta标签也可以帮助浏览器正确地显示网页内容,提高网页的加载速度和可读性。 Meta标签是一个非常重要的HTML...

    弹性返回顶部代码,兼容各大浏览器

    本篇文章将深入探讨如何实现这样一个兼容各大浏览器的弹性返回顶部代码。 首先,我们需要一个HTML结构来放置返回顶部的按钮。这个按钮通常被隐藏在屏幕底部或者右下角,只有当用户开始滚动页面时才会显示出来。一个...

    Meta标签详解

    ### Meta标签详解 #### 一、Meta标签简介与作用 Meta标签是HTML语言中的一个辅助性标签,位于HTML文档头部的`&lt;HEAD&gt;`区域,并在`&lt;TITLE&gt;`标签之前。虽然用户在浏览网页时无法直接看到这些信息,但对于网页的SEO...

    网页HTML代码中Meta标签详解.pdf

    Content-Type和Content-Language用于设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。 例如:&lt;Meta http-equiv="Content-Type" Content="text/html; ...

    浏览器兼容性设置级解释

    7. **搜狗浏览器**:具有兼容模式(使用IE内核)和高速模式(使用WebKit内核),可以根据需要切换。 **CSS Hack** 是解决浏览器兼容性问题的一种常见手段,由于不同浏览器对CSS语法的支持程度不同,开发者可以通过...

    meta标签详解meta标签详解

    设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示 page 内容。 用法:&lt;Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"&gt; &lt;Meta ...

    浏览器的CSS兼容问题

    1. **保持代码简洁规范**:遵循CSS3和HTML5标准,使用语义化标签,可以减少跨浏览器兼容性问题。 2. **利用前缀和后缀**:对于CSS3新特性,使用特定浏览器的前缀(如-webkit-、-moz-等),确保在不同浏览器下的兼容...

    META标签使用详解

    综上所述,正确的使用META标签不仅可以提升网页的可用性和兼容性,还能帮助实现特定的功能需求,如控制页面刷新、设定字符集、管理Cookie等。开发者应根据实际应用场景灵活选择和应用不同的META标签类型。

Global site tag (gtag.js) - Google Analytics