浏览器的工作原理

什么是浏览器

• 向服务器发出请求，在浏览器窗口中展示您选择的网络资源

• 网络资源的位置主要由URI(统一资源定位符)表示

• 资源内容通常是HTML 文档，也可以是 PDF、图片或其他的类型

• W3C(万维网联盟)指定HTML和CSS规范，浏览器遵循此规范来解释并显示他们

高层结构

image-20210921115555809

image-20210921115715676

Rendering Engine（内核，呈现引擎，渲染引擎）

常见的几种内核

• Trident

  • IE

• WebKit

  • Safari

  • 旧版Chrome

• Presto

  • Opera

• Blink

  • Chrome

  • Opera

• Gecko

  • Firefox

• Chromium

  • Chromium开源浏览器

主流程

• 解析HTML文档，创建DOM树

• 根据HTML上视觉样式信息创建Render树

• 对Render树布局（为每个节点分配一个屏幕坐标）

• 遍历Render树，依次绘制他们

WebKit 主流程

Mozilla 的 Gecko 呈现引擎主流程

文章

浏览器的工作原理：新式网络浏览器幕后揭秘