浏览器内核、内核前缀 强制360浏览器以webkit内核渲染

HTML5学堂:本文章主要讲解浏览器的内核以及内核前缀,并且针对360浏览器的内核、强制360浏览器以webkit内核方式渲染等知识进行一定的介绍。

刘国利 - 独行冰海:本篇文章更新时间为2015年08月26日。之所以声明这个,主要是源于一件事情,2013年,在百度知道里回答过一个animation不能让CSS3动画播放后停止在最后的状态。这个月中旬,收到了一个评论,有人把“animation的新增属性 animation-fill-mode: forwards;”搬了出来,说能够实现(隔了两年了……还在讨论这个,自己只想呵呵)。自己想说的是,行业在变,文章写出来过不了多久就会过时,hack就是一个典型,紧跟行业的变化去更新自己的知识很重要,评论、点赞、吐槽谁都会,还不如把自己的知识拿出来和大家分享分享。这篇文章最后,再解释一下animation-fill-mode吧。

浏览器内核以及内核前缀

什么是内核呢?

浏览器最核心的部分是“Rendering Engine”,可译为“渲染引擎”,不过习惯将之称为“浏览器内核”。

为何要了解内核

不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是前端工程师需要了解内核的原因。前端工程师在代码中通过一些内核前缀为相应浏览器增加某些功能。换句话说,内核前缀标志着某种类的浏览器,使用内核前缀书写的代码只能够应用于相应浏览器。

常见浏览器以及浏览器内核、内核前缀

1、IE浏览器 - Trident - ms

2、谷歌、苹果浏览器 - Webkit,最新谷歌为Blink内核 - webkit

3、欧朋浏览器 - Presto,最新版本也已经调整为了webkit内核 - o

4、火狐浏览器 - Gecko - moz

详见下图:

360浏览器

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

兼容模式使用的是IE浏览器所使用的 Trident 内核,是国内网页制作时主要兼容的浏览器内核,兼容性问题较少。IE9/IE10模式使用的是IE9/IE10浏览器所使用的新内核,加入了硬件加速、全新的脚本渲染引擎,更标准的HTML5及CSS3支持。

让360浏览器强制以webkit内核渲染的代码:在head中添加如下代码:

animation-fill-mode的支持程度

1、移动端安卓2.3以及以前的系统,不支持'animation-fill-mode'属性

2、在谷歌浏览器中,如果采用steps(x, start)的设置方式,animation-fill-mode backwards会出现问题

欢迎沟通交流~HTML5学堂

HTML中 常见的浏览器内核有哪些,主流浏览器的内核以及内核前缀是什么?相关推荐

  1. 想天浏览器:推荐国内主流浏览器TOP10

    1.名称:想天浏览器 网址:apps.vip 简介:浏览器+团队协作的超级浏览器,独特的标签分组管理.基于IM的办公与浏览器的使用场景相结合的协调办公.完全自定义的新标签页.强大的隐私与广告屏蔽功能, ...

  2. java五大浏览器,[Java教程]各主流浏览器(PC、移动端)userAgent属性信息

    [Java教程]各主流浏览器(PC.移动端)userAgent属性信息 0 2017-10-17 18:00:58 PC: IE.QQ.chrome.firefox.360.safair 移动端:微信 ...

  3. 前端js实现将table中的数据导出到Excel ---- 兼容主流浏览器

    IE浏览器注意事项: 1.IE11浏览器通过 !!window.ActiveXObject || "ActiveXObject" in window 进行判断: 2.在 工具–In ...

  4. 五大主流浏览器及四大内核1

    转载:https://blog.csdn.net/yuyanjing123456789/article/details/78689595 任何上过网的用户对浏览器是再熟悉不过了.只是用户看到仅仅只是浏 ...

  5. 五大主流浏览器和四大浏览器内核

    1.浏览器 任何上过网的用户对浏览器是再熟悉不过了,只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分-浏览器内核.从第一款libwww(Library WorldWideWeb)浏览器发 ...

  6. 主流浏览器及四大内核

    作为前端开发,熟悉四大内核是非常有必要的.四大内核的解析不同使网页渲染效果更具多样化. 浏览器最重要的部分是浏览器的内核.浏览器内核是浏览器的核心,也称"渲染引擎",用来解释网页语 ...

  7. 五大主流浏览器及其内核简要介绍

    主流浏览器及其内核 一.浏览器 1.什么是浏览器? 2.市面上的浏览器有哪些? 3.浏览器的组成部分 二.主流浏览器 1.浏览器的最主要的两块? 2.什么叫主流浏览器? 3.市面上的主流浏览器有哪些? ...

  8. 五大主流浏览器及其内核

    我们平时用的浏览器有很多,例如,IE浏览器.百度浏览器.搜狗浏览器.UC浏览器.qq浏览器.谷歌浏览器等等许多浏览器.但是用户看到的其实仅是浏览器本身,很少看到浏览器的核心部分--浏览器内核.并且浏览 ...

  9. JavaScript 五大主流浏览器内核及Js引擎介绍

    主流浏览器区别 1 五大主流浏览器 IE Firefox GoogleChrome Safari Opera 厂商 浏览器 内核 备注 Js引擎 兼容前缀 Google Chrome webkit & ...

  10. 5大主流浏览器的差异

    任何上过网的用户对浏览器是再熟悉不过了.只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分-浏览器内核.从第一款libwww(Library WorldWideWeb)浏览器发展至今已经经 ...

最新文章

  1. 笔试算法题--汪仔换道具
  2. MAC地址、IP地址、ARP协议
  3. JAVA的SSH框架登录注册
  4. from rfc 2068 hypertext怎么解决_“饮水思源”英语怎么翻译
  5. CSS 框的外观 outline属性
  6. 计算机批处理英语,英语计算机词汇大全
  7. getHibernateTemplate()(Spring中常用的hql查询方法)
  8. idle运行python_命令行启动python的IDLE
  9. Keli Proteus 8 的使用教程
  10. 基于MeanShift的Camshift算法原理详解(opencv实现,有源码)
  11. 下载MDK5 Software Packs导入Keil5
  12. 模仿淘宝首页html+js+css(附带源码)
  13. 24合1芯片RK628D替代龙讯LT6911C/东芝TC358749XBG/HDMI TO MIPI...
  14. MSSqlserver的锁模式介绍
  15. 微信小程序 ---在Vscode上编辑,微信开发者工具上预览,快速上手
  16. 数字2DPSK频带传输系统的设计(文内附完整代码)
  17. Scala class和case class的区别
  18. iOS_使用金山快盘管理项目
  19. win7有linux,Win7走了Linux份额是否有机会崛起?
  20. mysql 夸机房_Mysql跨机房同步方案

热门文章

  1. 守望先锋等FPS游戏的网络同步
  2. html旋转音乐图标播放器,css特效之旋转音乐播放器
  3. 【Bug】Microsoft Edge拒绝访问
  4. Axure 9软件功能区域、界面介绍
  5. php会员中心页面,PhpCMS会员中心操作说明
  6. 高德地图登陆显示服务器忙,用高德地图导航时,登录账号和不登录账号有很大区别?你知道吗?...
  7. E文积累_20080321_drink to the dregs
  8. 使用BeautifulSoup解析网页内容
  9. Google谷歌搜索引擎镜像入口网址大全导航,谷歌搜索引擎镜像站
  10. 为git配置kdiff3,生效gitk