浏览器加载解析渲染（浏览器的工作原理）

Posted 2022-02-05 yyn120804

浏览器的主要功能：将用户选择的web资源呈现出来。而这，它需要从服务器请求资源，并将其显示在浏览器窗口中。资源的格式通常是html，也包括PDF，image等其他格式。用户用URL（Uniform Resource Identifier统一资源标识符）来指定所请求资源的位置，通过DNS(域名系统（英文：DomainNameSystem，缩写：DNS）)查询，将网址转换为IP地址。整个浏览器的工作流程如下：

1.输入URL

2.浏览器查找域名的IP地址

3.浏览器给web服务器发送一个http请求

4.网站服务的永久重定向响应

5.浏览器跟踪重定向地址，现在，浏览器知道了要访问的正确地址，所以它会发送另一个获取请求

6.服务器“处理”请求，服务器接收到获取请求，然后处理并返回一个响应

7.服务器发回一个html响应

8.浏览器开始显示html

9.浏览器发送请求，以获取嵌入在html中的对象。在浏览器显示HTML时，它会注意到需要获取其他地址内容的标签。这时，浏览器会发送一个获取请求来重新获得这些文件。这些文件就包括CSS/JS/图片等资源，这些资源的地址都要经历一个和HTML读取类似的过程。所以浏览器会在DNS中查找这些域名，发送请求，重定向等等…

1.DNS的定义：

 域名系统（DomainNameSystem）是互联网的一项服务。它作为将域名和ip地址相互映射的一个分布式数据库，能够使人更方便地访问互联网。

2.域名的定义：

域名：（英语：Domain Name）是由一串用点分割的名字组成的nternet上某一台计算机或计算机组的名称，用于在数据传输表示计算机的电子方位（有时也指地理位置）。

 

3.IP地址

IP地址是Internet主机的作为路由寻址用的数字体标识，人不容易记忆。因而产生了域名这一种字符型标识。

例如，www.wikipedia.org是一个域名，和IP地址208.80.152.2相对应。DNS就像是一个自动的电话号码簿，我们可以直接拨打wikipedia的名字来代替电话号码（IP地址）。我们直接调用网站的名字以后，DNS就会将便于人类使用的名字（如www.wikipedia.org）转化成便于机器识别的IP地址（如208.80.152.2）。

 

 

那么，一个页面，究竟是如何从我们输入一个网址到最后完整的呈现在我们面前的呢？还需要了解一下浏览器是如何渲染的：