美文网首页
浏览器内核的研究

浏览器内核的研究

作者: _既白_ | 来源:发表于2019-02-21 16:15 被阅读0次

    什么是浏览器内核?

    网页上所用到的语言有:html, css, JavaScript等,前两者通常决定了该页面长什么样,它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后,负责根据这套规范将代码渲染出来呈现给用户。浏览器内核所做的就是这个渲染工作。因此,浏览器内核,也被称为排版引擎(layout engine)、渲染引擎(rendering engine)。

    浏览器内核组成

    浏览器内核可以分为两部分,一部分是渲染引擎(render engineerlayout engineer),负责生成DOM树,负责渲染和重绘;另一部分是JS引擎,负责JS的解释执行。

    浏览器的渲染流程:

    [图片上传失败...(image-7b3ac3-1550814844936)]

    • dom树构建:从html标签的解析开始,将各种标签解析为dom树中的各个节点,标签和dom树的中的节点是一一对应关系。

    • 渲染树构建:将CSS和style标签中的样式信息解析为渲染树,渲染树由一些包含有颜色和大小等属性的矩形组成,它们将被按照正确的顺序显示到屏幕上。

    • 渲染树布局和绘制:渲染树确定各个dom节点在屏幕中单确切位置,根据渲染树中的颜色等信息绘制出网页。

    四大内核介绍

    四大内核分别是trident,webkit,blink,gecko,5大浏览器基本采用的是单内核模式。

    • IE浏览器内核:trident内核,也是俗称的IE内核.

    • chrome浏览器内核,以前是webkit内核,现在是blink内核.

    • FireFox浏览器内核,GECKO内核.

    • opera浏览器内核.最初是presto内核,后来是webkit,现在采用blink内核.

    • safari浏览器内核,采用webkit内核.

    主流浏览器内核

    相关文章

      网友评论

          本文标题:浏览器内核的研究

          本文链接:https://www.haomeiwen.com/subject/dharyqtx.html