当我在浏览器地址栏里输入一个网址后所发生的故事

最新推荐文章于 2023-01-10 11:41:00 发布

yypccc

最新推荐文章于 2023-01-10 11:41:00 发布

阅读量2k

点赞数

分类专栏： Web系统与技术文章标签： DNS解析 URL结构三次握手浏览器渲染

本文链接：https://blog.csdn.net/yypccc/article/details/70141682

版权

9 篇文章 0 订阅

订阅专栏

1、识别URL

包括协议、域名、路径、端口，具体构成为：

其中包含很多参数，自行构建请求头时，最常用的如下：

参数	含义
Accept-Charset	浏览器可以接受的字符编码集
Accept-Encoding	指定浏览器可以支持的web服务器返回内容压缩编码类型
Accept-Language	浏览器可接受的语言
Content-Length	请求的内容长度
Content-Length	请求的内容长度
Content-Type	请求的与实体对应的MIME信息
Connection	表示是否需要持久连接。（HTTP 1.1默认进行持久连接）
Host	指定请求的服务器的域名和端口号

最常见的有四种

参数	含义
application/json	传递普通的json数据
text/xml	提交xml格式的文本数据
application/x-www-form-urlencoded	浏览器表单提交数据
multipart/form-data	提交多文件数据，文件之间通过–boundary分割

先查看本地hosts文件中是否有该域名对应的IP地址，若没有，则询问本地域名服务器。

本地服务器采用迭代查询。刚开始它先向一个根域名服务器查询。之后就根据返回要查询的域名服务器，进行查询，直到获取对应主机的IP地址。

根域名服务器告诉本地服务器，下一次应查询的顶级域名服务器的IP地址。

顶级域名服务器告诉本地服务器，下一次应查询的权限域名服务器的IP地址。

权限域名服务器告诉本地服务器，所查询的主机的IP地址。

建立连接、发送报文、获取服务器返回的报文。当数据传递完后，关闭连接（四次握手）

调用python、php、node.js等语言，来处理客户端的请求，涉及数据库的操作

将数据封装好，返回给客户端

接收到服务器返回的数据后，进行解析处理

解析完成后，浏览器引擎会通过DOM Tree 和 CSS Rule Tree 来构造 Rendering Tree。

注意：

Rendering Tree 渲染树并不等同于DOM树，因为一些像Header或display:none的东西就没必要放在渲染树中了。
CSS 的 Rule Tree主要是为了完成匹配并把CSS Rule附加上Rendering Tree上的每个Element。也就是DOM结点。也就是所谓的Frame。然后，计算每个Frame（也就是每个Element）的位置，这又叫layout和reflow过程。