浏览器架构

浏览器架构演进

1. 单进程架构 所有模块运行在一个进程里面
2. 多进程架构 把网络进程、cpu进程等隔离开来，防止页面崩溃影响整个服务器
3. 面向服务架构 多进程架构升级版，进程之间通过接口访问，http访问交互

多进程分工

进程名称	进程描述
浏览器（主进程）	主要负责页面展示逻辑，用户交互、子进程管理
GPU进程	UI绘制
网络进程	资源加载
标签页（渲染进程）	控制tab内的所有内容
插件进程	控制网站运行的插件
其他进程	Storage/Network/Audio Service等

渲染进程

渲染进程-多进程架构

内部是多线程实现，主要负责页面渲染，脚本执行，事件处理，网络请求等

JS引擎 VS 渲染引擎

1. 解析执行JS
2. XML解析生成渲染树，显示在屏幕
3. 桥接方式通信 V8优化：将一些高频函数转成机器码，下一次遇到操作系统直接执行，不用像字节码一样解析执行

渲染进程-多线程工作流程

1. 网络线程负责加载网页资源
2. JS引擎解析JS脚本并且执行
3. JS解析引擎空闲时，渲染线程立即工作
4. 用户交互、定时器操作等产生回调函数放入任务队列中
5. 事件线程进行事件循环，将队列里的任务去除交给JS引擎执行

Chrome运行原理

Chrome运行原理-输入处理

1. 用户Url输入框输入内容后，UI线程会判断输入的是一个URL地址还是一个query查询
2. 如果是URL，直接请求站点资源
3. 如果是query，将输入直接发送给搜索引擎

Chrome运行原理-开始导航

1. 当用户按下回车键,UI线程通知网络线程发起一个网络请求来获取站点内容
2. 请求过程中，tab处于loading状态