珠海网站建设网站,wordpress 时间标题展示,广东东莞出行最新政策,住房建设部官方网站居住区政策浏览器常见的浏览器内核有#xff1a;Blink、WebKit、Gecko、Trident 等#xff0c;目前 WebKit 内核占据了非常大的的市场#xff0c;包括 Chrome、Safari、安卓浏览器等市面上的主流浏览器#xff0c;都使用了 WebKit 内核。 从 WebKit 看浏览器内核架构 既然 WebKit 这么…浏览器常见的浏览器内核有Blink、WebKit、Gecko、Trident 等目前 WebKit 内核占据了非常大的的市场包括 Chrome、Safari、安卓浏览器等市面上的主流浏览器都使用了 WebKit 内核。 从 WebKit 看浏览器内核架构 既然 WebKit 这么经典我们就以它为例来看一下浏览器内核的架构。浏览器内核主要包含HTML ParserCSS ParserLayoutJavaScript Engine 几部分如下图所示 我们简单看一下上图中的几个关键部分承担了什么工作
HTML ParserHTML 解析器负责 HTML 文本的解析将 HTML 解析为可编程结构 —— DOM 文档对象模型树
CSS ParserCSS 解析器是层叠样式的解析器用来计算布局所需要的节点样式信息 —— CSSOM样式树
Layout布局在 得到 DOM 树和 CSSOM 树后需要计算出 DOM 树中可见元素的几何位置生成布局树 —— Layout Tree
JavaScript EngineJavaScript 语言的解析引擎执行页面的动态逻辑并可以访问 DOM 和 CSSOM 数据接口
操作系统支持 —— 移植WebKit 代码中因为其天生具有跨平台性质所以部分平台相关的能力需要做跨平台兼容的移植。
上面是一个简略的浏览器内核的功能不过它仅仅是完成了核心的渲染过程实际上浏览器则要复杂得多。
此文章为5月Day22学习笔记内容来源于极客时间《计算机基础实战课》
