浏览器架构演进
单进程架构(所有模块都进行在同一进程里,包含网络、插件、JavaScript运行环境等)---->
多进程架构(市面上大多数浏览器都是使用多进程架构,主进程、网络进程、渲染进程、GPU进程、插件进程,进程之间互不影响,安全性较高。) ---->
面向服务架构(将原来的UI、数据库、文件、设备、网络等,作为一个独立的基础服务)
浏览器架构对比
多进程分工
常见的浏览器内核
JS引擎与渲染引擎是相互独立的
多线程工作流程:
1.网络线程负责加载网页资源;
2.JS引擎解析JS脚本并执行;
3.JS解析引擎空闲时,渲染线程立即工作;
4.用户交互、定时器操作等产生回调函数放入任务队列中;
5.事件线程进行事件循环,将队列里的任务取出交给JS引擎执行。
Chrome运行原理:
浏览器主进程:输入处理--->开始导航--->读取响应--->寻找渲染进程。
进程工作内容
输入处理:
1.用户URL框输入内容后,UI线程会判断输入的是一个URL地址还是query查询条件;
2.如果是URL,直接请求站点资源;
3.如果是query,将输入发送给搜索引擎。
开始导航:
1.当用户按下回车,UI线程通知网络线程发起一个网络请求,求获取站点内容;
2.请求过程中,tal处于loading状态。
读取响应:
1.网络线头接收到HTTP响应后,先检查响应头的媒体类型;
2.如果响应主体是一个HTML文件,浏览器将内容交给渲染过程处理;
3.如果拿到的是其他类型文件,比如zip、exe等,则交给下载管理器处理。
寻找渲染过程:
1.网络线程做完所有检查后,会告知主进程数据已经准备完毕,主进程确认后为这个站点寻找一个渲染过程;
2.主进程通过IPC消息告知渲染过程去处理本次导航;
3.渲染进程开始接收数据并告知主进程自己开始处理,导航结束,进入文档加载阶段。
