现代浏览器工作原理揭秘：从地址栏到网页呈现
2023-11-01 16:01:30
1. 打开浏览器与进程策略：从触发开始
浏览器是一个复杂的软件，可以让我们在互联网上浏览网页。当您输入一个网址并按下回车键时，浏览器就开始了一系列的动作来加载并呈现网页。
-
浏览器进程与线程： 当您启动浏览器时，它会创建一个主进程，这个主进程负责管理浏览器的窗口和选项卡。主进程会根据浏览器的进程策略来创建子进程。
-
进程策略： 进程策略决定了浏览器如何分配不同任务给不同的进程。例如，每个选项卡可能使用一个单独的渲染进程来加载和显示网页内容。
2. 建立连接：HTTP与HTTPS协议
当渲染进程接收到加载网页的请求后，它会首先向服务器发送一个HTTP请求。HTTP（超文本传输协议）是一个用来在互联网上传输数据的协议。
-
HTTP与HTTPS： HTTP协议使用明文传输数据，而HTTPS（安全超文本传输协议）使用加密方式传输数据。HTTPS协议更加安全，因为它可以防止数据在传输过程中被窃听和篡改。
-
建立TCP连接： 当HTTP请求被发送到服务器后，浏览器和服务器会建立一个TCP连接。TCP（传输控制协议）是一种面向连接的协议，它可以保证数据在网络上传输的可靠性和顺序。
3. 获取网页资源：HTML、CSS、JavaScript
当TCP连接建立后，浏览器就开始从服务器下载网页资源。这些资源包括HTML、CSS、JavaScript、图像、视频等。
-
HTML： HTML（超文本标记语言）是用来网页结构的语言。HTML文档由一系列标签组成，这些标签定义了网页上的各个元素，如标题、段落、链接等。
-
CSS： CSS（层叠样式表）是用来定义网页样式的语言。CSS样式可以应用于HTML元素，以改变它们的字体、颜色、大小、布局等。
-
JavaScript： JavaScript是一种脚本语言，可以用来使网页更加动态和交互。JavaScript代码可以定义函数和对象，并可以在网页上执行。
4. 解析与渲染：浏览器引擎与DOM树
当浏览器下载完网页资源后，它就开始解析这些资源并将其转换为可视页面。浏览器引擎是负责解析HTML、CSS和JavaScript代码的程序。
-
DOM树： 当浏览器解析HTML代码时，它会创建一个DOM（文档对象模型）树。DOM树是一个层次结构，它将HTML文档中的各个元素表示为节点。
-
样式计算： 当浏览器解析CSS代码时，它会计算出每个DOM节点的样式。样式计算的过程是递归的，它从根节点开始，然后遍历整个DOM树，计算出每个节点的最终样式。
-
布局与绘制： 当浏览器计算出每个DOM节点的样式后，它就会开始布局和绘制网页。布局是指确定每个DOM节点在页面上的位置，绘制是指将每个DOM节点渲染到屏幕上。
5. 网络安全：HTTPS与加密技术
现代浏览器在加载网页时会使用HTTPS协议来加密数据，以防止数据在传输过程中被窃听和篡改。
-
SSL证书： HTTPS协议使用SSL证书来加密数据。SSL证书是由受信任的证书颁发机构颁发的，它可以证明服务器的身份并加密数据。
-
加密算法： HTTPS协议使用对称加密算法和非对称加密算法来加密数据。对称加密算法使用相同的密钥来加密和解密数据，而非对称加密算法使用不同的密钥来加密和解密数据。
结语：
浏览器的运作流程错综复杂，且精妙。从您在地址栏中输入 URL 到网页加载完毕，期间涉及了多线程并行、协议栈交互、数据解析和渲染等环节。本文章对浏览器运作流程做了全方位的概述，帮助您理解浏览器如何将网页呈现在您的眼前。
