浏览器内部结构详解-优快云博客

本文链接：https://blog.youkuaiyun.com/lampzdrj/article/details/10598847

本文深入解析浏览器的主要构成，包括用户界面、浏览器引擎、渲染引擎、网络、UI后端、JS解释器和数据存储等关键组件及其工作流程。

浏览器主要构成

1------|用户界面 [地址栏，后退/前进按钮]

2------|浏览器引擎 [用来查询操作渲染引擎接口]

3------|渲染引擎 [解析请求内容]

4------|网络 [网络调用，如http请求]

5------|UI后端 [描绘类似组合选择框及对话框等基本组件]

6------|JS解释器 [解释执行JS代码]

7------|数据存储 [属于持久层，浏览器在硬盘中保存类似cookie的各种数据]

（1）Trident页面渲染引擎 –> IE系列浏览器；
（2）Gecko页面渲染引擎 –> Mozilla Firefox；
（3）KHTML页面渲染引擎或WebKit框架 –> Safafi和Google Chrome；
（4）Presto页面渲染引擎 –> Opera

1. IE下载的顺序是从上到下，渲染的顺序也是从上到下，下载和渲染是同时进行的；

2. 在渲染到页面的某一部分时，其上面的所有部分都已经下载完成（并不是说所有相关联的元素都已经下载完）；

3. 在下载过程中，如果遇到某一标签是嵌入文件，并且文件是具有语义解释性的（例如：JS脚本，CSS样式），
那么此时IE的下载过程会启用单独连接进行下载，并且在下载后进行解析，解析（JS、CSS中如有重定义，后
定义函数将覆盖前定义函数）过程中，停止页面所有往下元素的下载；

4. 样式表文件比较特殊，在其下载完成后，将和以前下载的所有样式表一起进行解析，解析完成后，将对此前所
有元素（含以前已经渲染的）重新进行样式渲染。并以此方式一直渲染下去，直到整个页面渲染完成。

渲染引擎主流程：

解析html以及构建dom树->构建render树->布局render树->绘制render树

浏览器并发数：

浏览器 | http1.1
ie6.7 | 2
ie8 | 6
浏览器并发数对于同一个域名下的组件才有效，
浏览器会为每个域名维护不同的下载队列