客户端容器【下】|青训营笔记

51 阅读2分钟

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

JS引擎线程:负责解析js脚本,运行js程序,每个渲染进程下面只有一个js引擎线程。与GUI渲染线程互斥,如果js任务执行事件过长,会导致页面卡顿。

GUI渲染线程:负责渲染浏览器界面,解析html、css,构建dom树和render树、布局、绘制,和js引擎线程互斥,GUI更新会在js引擎空闲时立即执行。

定时器触发线程:定时器所在线程,setTimeout、setinterval计时完毕后,将回调添加到事件队列,等待js引擎执行。

网络线程线程: 在XHR,Fetch等发起请求后新开一个网络线程请求,如果设置了回调函数,在状态变更时,将回调放入事件队列,等待js引擎执行。

事件触发线程:由宿主环境提供,用于控制事件循环,不断地从事件队列里取出任务执行。

Chrome-输入处理:用户在URL框中输入内容后,UI线程判断输入的是URL地址还是一个query。如果是URL直接请求站点资源,如果是query则将输入发送给搜索引擎。

Chrome-开始导航:当用户按下回车,UI线程通知网络线程发起一个网络请求,来获取站点内容,请求过程中tab处于loding状态。

Chrome-读取响应:网络线程接收到HTTP响应后,先检查响应头的媒体类型(MIMEType),如果响应主体是一个HTML文件,浏览器将内容交给渲染进程处理,如果拿到的是其他类型文件,比如Zip、exe等,则交给下载管理器处理。

Chrome-寻找渲染进程:网络线程做完所有检查后,会告知主进程数据已准备完毕,主进程确认后为这个站点寻找一个渲染进程,主进程通过IPC消息告知渲染进程去处理本次导航,渲染进程开始接收数据并告知主进程自己已开始处理,导航结束,进入文档加载阶段。