概述
客户端容器是一种可运行在多种操作系统和设备上的软件,它提供了一个应用程序的运行环境,使得应用程序可以在不同的设备上以一致的方式运行。
浏览器架构
- 单进程架构:所有的模块都运行在同一个进程里,包括网络、插件、JavaScript运行环境等
- 多进程架构:主进程、网络进程、渲染进程、GPU进程、插件进程
- 面向服务架构:将原来的UI、数据库、文件、设备、网络等,作为一个独立的基础服务
Chrome运行原理
1. 输入处理:用户URL输入后,UI线程会判断输入的地址,如果是URL,直接请求站点资源,如果是query,将输入发送给搜索引擎。
2. 开始导航:当用户按下回车,UI线程通知网络线程发起一个网络请求获取站点内容。请求过程中,tab处于loading状态。
3. 读取响应:网络线程接受到HTTP响应后,先检查响应头的媒体类型(MIME Type)。如果响应主体树一个HTML文件,浏览器将内容交给渲染进程处理;如果是其他类型文件,如zip、exe等,则交给下载管理器处理。
4. 寻找渲染进程:网络线程做完所有检查后,告知主进程数据已准备完毕,主进程确认后为这个站点寻找一个渲染进程。主进程通过IPC消息告知渲染进程去处理本次导航,渲染进程开始接收数据并告知主进程已开始处理,导航结束,进入文档加载阶段。
5. 资源加载:收到主进程消息后,开始加载HTML文档,并加载子资源,如图片、CSS样式和JavaScript脚本。
6. 构建渲染树:构建DOM树,构建CSSOM树,构建渲染树。
7. 页面布局:根据渲染树计算每个节点的位置和大小;在浏览器页面区域绘制元素边框;遍历渲染树,将元素以盒模型的形式写入文档流。
8. 页面绘制:构建图层,绘制图层,合成线程接受指令生成图块,栅格线程将图块进行栅格化,展示在屏幕上。