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标签中添加一行代码:
<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">
注意:引号要英文状态下的,直接复制代码后看一下格式对不对,请自行更正。
各渲染内核的技术细节
内核 | 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几个内核的实现介绍,请看:
http://blogs.msdn.com/b/ie/archive/2010/06/16/ie-s-compatibility-features-for-site-developers.aspx
了解极速模式和兼容模式使用的技术:
极速模式使用的是Webkit内核,Webkit内核是全球最快速的浏览器内核,同时支持了诸多的网页新标准,
但由于Webkit内核较新,国内一些网站尚未较好地支持此内核。兼容模式使用的是IE浏览器所使用的 Trident 内核,是国内网页制作时主要兼容的浏览器内核,兼容性问题较少。
IE9/IE10模式使用的是IE9/IE10浏览器所使用的新内核,加入了硬件加速、全新的脚本渲染引擎,更标准的HMTL5及CSS3支持。
转载于:https://www.cnblogs.com/sanhuan/p/4610789.html
360浏览器代码修改浏览模式相关推荐
- 360浏览器强制使用急速模式
最近在做项目的时候希望兼容360浏览器,研究发现360浏览器有两种模式兼容模式和急速模式,但是我并不希望用户进来使用兼容模式,使用以下代码即可控制当用户访问页面时采用极速模式. 但是加了以下代码其实还 ...
- 如何让360浏览器打开网站默认模式使用“极速”或者“兼容”
为了最优化用户体验,有些网页在360浏览器需要用"极速模式"或者"兼容模式".用户当然可以自己手动切换,但是如果我们能够在第一次打开的时候,帮助用户选择,那岂不 ...
- 360浏览器强制使用极速模式
360浏览器强制使用极速模式 <meta name="renderer" content="webkit">
- php 360 极速模式,如何让360浏览器默认使用极速模式
现在国内的浏览器市场,360浏览器的份额已经不容小觑,许多人在使用的浏览器的时候,并不知道怎么去设置360浏览器.那么,为了保证网站有更好的体验效果,我们就需要强制的给使用360浏览器的用户设置成极速 ...
- 360浏览器: 如何以极速模式打开网址
背景介绍 360浏览器有两种类型,即"360安全浏览器"和"360极速浏览器".360极速浏览器有两种内核模式,即"极速模式"和" ...
- 【浏览器】360浏览器默认用极速模式打开页面
1.手动切换 切换到兼容模式的时候,右击鼠标可以切换兼容模式下的ie 内核版本: (可选列表一般跟本地安装的IE版本有关系) 2.开发者可以在head中使用meta标签 通过在页面标签中添加代码,来指 ...
- 内核控制Meta标签:让360浏览器默认使用极速模式打开网页(转)
为了让网站页面不那么臃肿,也懒的理IE了,同时兼顾更多的国内双核浏览器,在网页页头中添加了下面两行Meta控制标签. 1,网页头部加入 <meta name="renderer&quo ...
- html在360浏览器如何修改字体大小,360浏览器网页中字体大小如何修改
浏览器中的字体要如何修改呢?在打开浏览器的时候会发现网页的字体太小,阅读起来不是很方便,那么这时候就需要用户的帮助呢,这时候要如何操作呢,今天小编就跟大家分享一下如何将字体大小更改的几个方法,这样用户 ...
- 360浏览器如何打开开发者模式?(浏览器兼容模式下按F12)
360浏览器的开发者模式被隐藏了,找也找不到 咋办呢? 解决办法 点击这个扩展按钮 点击管理 点击高级管理 激活开发者模式 开是开了,但是还是没有开发者模式啊!!!!!! TNND,上面是打开小程序的 ...
最新文章
- 数字通信介绍(2)香农与信息论
- 【pmcaff】社交媒体时代,村姑如何找到真爱?
- Linux嵌入式 -- Bootloader , Uboot
- sql server 2005 (select查询语句用法)
- [C++]实现委托模型
- ivar layout 相关知识点
- 拉取docker官方centos镜像时区不对问题
- 管家婆辉煌版软件的使用方法_管家婆软件进销存的使用方法,管家婆软件使用教程_双全科技...
- 开辟 Dart 到 Native 的超级通道,饿了么跨平台的最佳实践
- Openlayers 3计算长度和面积
- C++ 中使用引用类型的成员变量
- 快排 递归与非递归实现 优化
- 使用js实现鼠标放置时显示下拉列表
- 安装Apache配置虚拟目录
- opencv5-objdetect之级联分类器
- 按不同vlan下发dhcp_【实例】交换机划分vlan,各vlan通过dhcp自动获取ip
- 中国地图填色问题Python API(动态)
- 【k哥爬虫普法】爬虫第一案,侵犯个人隐私,“入侵”短视频服务器!
- 【Paper】2022_Fixed-Time Cooperative Tracking for Delayed Disturbed Multi-Agent Systems Under Dynamic
- ubuntu下的3D桌面.compiz
热门文章
- 2021 第十二届 蓝桥杯 国赛决赛 Java B组 真题 详细解析
- jsoncpp写法更新
- C语言去掉字符串首尾空格,C语言实现去除字符串首尾空格
- 搜狗2020校招(后端)笔试第一场
- win10电脑桌面透明便签_DesktopNoteOK桌面便签小工具下载|windows10桌面透明便签插件_最火软件站...
- 计算机 睡眠 无法打印,台式机睡眠后打不开怎么办
- win7计算机睡眠后无法唤醒,win7系统待机后打不开怎么办|win7待机无法唤醒的解决方法...
- oracle登录 报ora00604,oracle 表空间不足 ORA-00604 ORA-01653 ORA-02002 ORA-00604 ORA-01653
- python 切片详解
- WXP380 电容式MEMS高性能数字气压传感器 电容式MEMS压力传感器快速代DPS310 BMP380 SLP06 HP303B “电容式”噪声超低的高精度MEMS气压传感器;