首页

修订日志

修订人 时间 版本 备注
高成成 2023-08-02 1.0 init

浏览器的主要功能

如上图,浏览器的主要功能就是加载资源,把页面转变成可视化图像

浏览器渲染引擎

如上图,这是前端最需要关心的部分,即浏览器是如何渲染的。渲染引擎主要包括html解释器,css解释器,布局(layout),js引擎。其它还有绘图模块,网络等。

浏览器渲染过程

上图是一般情况下的渲染过程和依赖的模块,虚线箭头是指渲染过程中可能用到的其他模块。

渲染完成后,存在用户交互或者页面动画,所以这个过程是持续重复进行的。具体过程如下:

url到dom树

上图是从url请求到形成dom树的过程,数字表示基本顺序,不是严格顺序,可能交叉和重复。

1、用户输入url,webkit调用资源加载器,加载url对应的资源

2、加载器依赖网络模块建立连接,发起请求并接收响应

3、webkit接收各种资源(js,css等),这些资源可能是同步或者异步获取的