浏览器工作原理

文章目录

• rendering engine的流程
• 参考文献

---

浏览器的主要组件有：

1. user interface。地址栏
2. browser engine。
3. rendering engine。负责渲染请求的返回的内容。如html,css
4. networking。如http请求
5. ui backend。用来绘制一些小盒子，窗口
6. js interpreter。解析执行js
7. data storage。cookie,localstorage

rendering engine的流程

通过network获取的数据。

1. parse。会生成一个树，content tree(dom nodes)
2. render tree construction。render tree的节点是长方形，有一些visual 属性（如color,dimension）
3. layout。将render tree的节点进行定位。
4. paint。遍历render tree绘制。

这是一个渐进的过程。它不会等所有的html被解析完，才开始构建渲染render tree。

参考文献

How Browsers work:behind the scenes of modern web browser