怎样用Meta标签代码让360浏览器默认使用极速模式打开网页

这次给大家带来怎样用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标签中添加一行代码:

            

content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。
若页面需默认用极速核,增加标签:
若页面需默认用ie兼容内核,增加标签:
若页面需默认用ie标准内核,增加标签:
这里发现一个问题,官方给的信息里结尾是“>”,实际测试时不起作用,这时只要把结尾改为“ />”(注意 / 前面有空格),测试是可行的。
各渲染内核的技术细节

相信看了这些案例你已经掌握了方法,更多精彩请关注创想鸟其它相关文章!

相关阅读:

怎样用HTML和CSS做出大白

怎样修改输入框的默认文字颜色

怎样让Table显示边框

以上就是怎样用Meta标签代码让360浏览器默认使用极速模式打开网页的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1545651.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月21日 17:13:30
下一篇 2025年12月21日 17:13:44

相关推荐

  • firefox中css如何把图片变成灰色

    firefox中css把图片变成灰色的方法:可以通过属性【-webkit-filter:grayscale(100%);】来实现。filter属性定义了元素的可视效果,如模糊与饱和度等。 本教程操作环境:windows10系统、HTML5&&CSS3版本,该方法适用于所有品牌电脑。 …

    2025年12月24日
    000
  • 360浏览器兼容模式的页面显示不全怎么处理

    这次给大家带来360浏览器兼容模式的页面显示不全怎么处理,处理360浏览器兼容模式页面显示不全的注意事项有哪些,下面就是实战案例,一起来看一下。  由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览…

    好文分享 2025年12月24日
    000
  • CSS3的浏览器兼容问题

    这次给大家带来CSS3的浏览器兼容问题,CSS3浏览器兼容的注意事项有哪些,下面就是实战案例,一起来看一下。 本篇介绍了CSS3与页面布局学习总结——浏览器兼容与前端性能优化,具体如下: 一、浏览器兼容 1.1、概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题…

    2025年12月24日 好文分享
    000
  • CSS怎么处理浏览器的默认样式

    这次给大家带来CSS怎么处理浏览器的默认样式,CSS处理浏览器的默认样式注意事项有哪些,下面就是实战案例,一起来看一下。 发现 最近在调整网页的格式发现网页底部总是有一个10像素左右的空格。 通过用Chrome流浪器的审查元素发现有一个叫user agent stylesheet设置整个form的m…

    2025年12月24日
    000
  • css3实现浏览器背景渐变方法代码

    本文主要和大家介绍介绍了css3编写浏览器背景渐变背景色的方法,我们会和大家分享这种渐变色背景实现的代码,希望能帮助到大家。 效果如下: 知识点:rgb全色循环算法,HEX与RGB颜色转换算法、CSS3颜色渐变,CSS3渐变色兼容ie方法,定时器与循环,函数封装,数组应用等。 css代码: *{ma…

    2025年12月24日
    000
  • 详细介绍meta标签

    Meta 主要标签 (推荐教程:html视频教程) HTML5的meta标签有三个主要属性,分别是 name 属性,charset 属性和 http-equiv 属性。 Charset 声明当前文档的字符编码: http-equiv 类似http的文件头作用,它可以向浏览器设置一些有用的信息,以帮助…

    2025年12月21日
    000
  • html文档的头部元素有哪些

    html文档的头部元素有: 元素,元素,元素,元素,元素,元素和元素。 文档的头部描述了文档的各种属性和信息,包括文档的标题、在 Web 中的位置以及和其他文档的关系等;而头部元素就是用来定义这些信息。本篇文章就给大家介绍一下html文档的头部元素,让大家了解html文档的头部元素的作用,希望对你们…

    好文分享 2025年12月21日
    000
  • 浅谈关于HTML5头部标签的小知识

    本章给大家介绍关于html5头部标签的小知识。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 meta是html语言head区的一个辅助性标签,meta标签的作用有很多,比如:搜索引擎优化(seo),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,…

    好文分享 2025年12月21日
    000
  • HTML meta标签的作用是什么?html meta标签的使用方法介绍

    本篇文章介绍了html meta标签的作用及其使用的方法,介绍了很多使用的方法,希望大家能够自己把这些代码多练习几遍,解释都在旁边,最后还介绍了html meta标签的几种著名网站的meta设置。 开始我们先说说meta标签的作用: meta标签是HTML标记head区的一个关键标签,它位于HTML…

    好文分享 2025年12月21日
    000
  • HTML中head标签是什么意思?一篇文章教你正确地使用head标签

    本篇文章为大家介绍了什么是html中的head标签,head标签中有哪些元素,看完本篇文章你会对html中的头部标签head了解的更透彻,本文用简单的方法让大家懂得这些标签怎么使用,都会了的话就能更好的使用head标签了, 现在让我们一起阅读本篇文章吧 首先我们要知道什么是HTML中head标签: …

    2025年12月21日
    000
  • HTML中的标签的使用详解

    这篇文章主要介绍了html中的标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧   在我们制作的网页中,要是想让它能够让更多的人去访问,最好的方法就是通过搜索引擎来找到你的网址,于是需要你的网页可以有关键词能够让搜索引擎来识别,于是HTML中的标签就是这个功能,将这个页面的关键信息写…

    好文分享 2025年12月21日
    000
  • 向HTML中插入视频并兼容所有浏览器的方法

    这篇文章主要介绍了关于向html中插入视频并兼容所有浏览器的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼 最常用的向HTML中插入视频的方法…

    好文分享 2025年12月21日
    000
  • html文件的中文乱码问题与在浏览器中的显示问题

    这篇文章主要介绍了关于html文件的中文乱码问题与在浏览器中的显示问题,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 我今天的页面也是出现了乱码,所以在网上查找了相关的问题,看来一下,这个方法挺不错的,我也试验了呢,我用的editp编辑器,在文档—文件编码—更改文件编码—选择自己所需…

    2025年12月21日 好文分享
    000
  • html 图像标记 META标签 内联框架 超链接

    这篇文章介绍的内容是html 图像标记 META标签 内联框架 超链接 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 1.图像标记 @@##@@ width=” ”宽度  height=” ” 高度  src=“ ”路径地址 alt=“ ” 描述 @@##@@ ps:为了图片显示不…

    好文分享 2025年12月21日
    000
  • H5中meta标签及作用

    本文主要和大家分享h5中meta标签及作用,希望能帮助到大家。 H5标准声明,使用 HTML5 doctype,不区分大小写 // 标准的 lang 属性写法 // 声明文档使用的字符编码 // 优先使用 IE 最新版本和 Chrome // 页面描述 // 页面关键词 // 网页作者 // 搜索引…

    好文分享 2025年12月21日
    000
  • 详解浏览器渲染流程

    浏览器主要组件结构    (浏览器主要组件) 渲染引擎——webkit和Gecko Firefox使用Geoko——Mozilla自主研发的渲染引擎。 Safari和Chrome都使用webkit。Webkit是一款开源渲染引擎,它本来是为linux平台研发的,后来由Apple移植到Mac及Wind…

    2025年12月21日
    000
  • html中meta标签及用法详解

    元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。本文主要给大家介绍了html中meta标签及用法详解,感兴趣的朋友一起看看吧,希望能帮助到大家。 Html中meta标签 一、meta标签 含义    元素 可提供有关页面的元信息(meta-i…

    好文分享 2025年12月21日
    000
  • HTML的meta viewport属性应该如何使用

    这次给大家带来html的meta viewport属性应该如何使用,使用html的meta viewport属性注意事项有哪些,下面就是实战案例,一起来看一下。 什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”(viewport)中,通常这个虚拟的“窗口”(viewport)比屏幕宽…

    好文分享 2025年12月21日
    000
  • HTML的头标签meta如何实现refresh重新定向

    这次给大家带来html的头标签meta如何实现refresh重新定向,html的头标签meta如何实现refresh重新定向的注意事项有哪些,下面就是实战案例,一起来看一下。 对不起。我们已经搬家了。您的 URL 是 http://www.w3school.com.cn 您将在 5 秒内被重定向到新…

    好文分享 2025年12月21日
    000
  • meta的标签有哪些作用

    这次给大家带来meta的标签有哪些作用,使用meta标签的注意事项有哪些,下面就是实战案例,一起来看一下。 您的个人网站即使做得再精彩,在“浩瀚如海”的网络空间中,也如一叶扁舟不易为人发现,如何推广个人网站,人们首先想到的方法无外乎以下几种: ● 在搜索引擎中登录自己的个人网站 ● 在知名网站加入你…

    好文分享 2025年12月21日
    100

发表回复

登录后才能评论
关注微信