浏览器运行原理-浅解

一、浏览器简介

  网页浏览器，常被简称为浏览器，是一种用于检索并展示万维网信息资源的应用程序。这些信息资源可为网页、图片、影音或其他内容，它们由统一资源标志符标志。信息资源中的超链接可使用户方便地浏览相关信息。网页浏览器虽然主要用于使用万维网，但也可用于获取专用网络中网页服务器之信息或文件系统内之文件。

主要功能

  浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您想要访问的网络资源。资源的位置由用户使用 URI(统一资源标示符)指定。

浏览器的结构

  目前使用的主流浏览器主要有IE,Firefox,Safari,Chrome和Opera。浏览器主要的功能就是向服务器发出请求，在浏览器的窗口中展示所选择的的网络资源，即html文档，PDF、图片或者其他的类型文件。资源的位置由用户使用 URI（统一资源标示符）指定。
  浏览器的用户界面中常常含有很多相同的元素，例如：

• URL的地址栏
• 书签的设置选项
• 前进后退和刷新按钮
• 返回主页的主页按钮

二、浏览器的结构

• 用户界面 --地址栏，前进、后退，书签菜单等。
• 浏览器引擎 – 在用户界面和呈现引擎之间传送指令。
• 渲染引擎 – 显示请求的内容。
• 网络 – 用于网络调用，如 HTTP 请求。 其接口与平台无关，为所有平台提供底层实现。
• 用户界面后端 – 绘制基本窗口小部件。
• js解析器 – 用于解析和执行 JavaScript 代码。
• 数据存储 – 持久层，把需要的数据保存在硬盘上，如cookie。

渲染引擎

流程图

1、渲染引擎一开始会从网络层获取请求文档的内容，通常以8K分块的方式完成。
2、获取文档后，渲染引擎将开始解析 HTML 文档，并将各标记逐个转化成“内容树”上的 DOM 节点。同时也会解析外部 CSS 文件以及样式元素中的样式数据。HTML 中这些带有视觉指令的样式信息将用于创建另一个树结构：呈现树。呈现树包含多个带有视觉属性（如颜色和尺寸）的矩形。这些矩形的排列顺序就是它们将在屏幕上显示的顺序。
3、 呈现树构建完毕之后，进入“布局”处理阶段，也就是为每个节点分配一个应出现在屏幕上的确切坐标。下一个阶段是绘制 - 呈现引擎会遍历呈现树，由用户界面后端层将每个节点绘制出来。

  需要着重指出的是，这是一个渐进的过程。为达到更好的用户体验，呈现引擎会力求尽快将内容显示在屏幕上。它不必等到整个 HTML 文档解析完毕之后，就会开始构建呈现树和设置布局。在不断接收和处理来自网络的其余内容的同时，呈现引擎会将部分内容解析并显示出来。

本文参考文章：
链接：https://blog.csdn.net/u014744118/article/details/80698602
来源：CSDN

链接：https://www.cnblogs.com/wjlog/p/5744753.html
来源：博客园