浏览器是怎样工作的?(从输入url到页面展示发生了什么?)

概览:

1)浏览器的地址栏输入URL并按下回车;

2)DNS 解析:将域名解析成 IP 地址;

3)TCP 连接:TCP 三次握手;

4)发送 HTTP 请求;

5)服务器处理请求并返回 HTTP 报文;

6)浏览器解析渲染页面;

7)断开连接:TCP 四次挥手

一、客户端和服务器

连接到互联网的计算机被称作客户端和服务器。如图是如何交互的图表

交互图

客户端 是典型的web用户入网设备(比如你连接wifi的电脑或者接入移动网络的手机)和设备上可联网的软件(比如谷歌等浏览器);

服务器 是存储网页,站点和应用的计算机;当一个客户端设备想要获取一个网页时,一份网页的拷贝将从服务器上下载到客户端机器上,并显示在浏览器上展示给用户。

二、传输访问相关须知

单独的客户端和服务器并不能完成全部工作,还需要其他部分;现在假设web就是一条公路,而路的一端是客户端,相当于我们的家;路的另一端是服务器,相当于是商店。

网络连接 :允许你在互联网上发送和接收数据。(类似于家到商店的那个街道);

TCP / IP: 传输控制协议和因特网互联协议是定义数据如何传输通信协议(类似于去商店时所使用的交通工具);

DNS: 域名系统服务器像是一本网站通讯录,当在浏览器输入一个网址时,浏览器获取网页之前将会查看域名系统。浏览器需要找到你想要的网页所在的服务器,才能发送HTTP请求到正确的地方(就像要去商店,就必须知道商店的地址)。

HTTP: 超文本传输协议是一个定义客户端和服务器间交流的语言的协议(类似于买物品下单时所说的话)。

组成文件: 一个网页由许多文件组成,这些文件有两种类型:代码和资源。、

代码一般指HTML,CSS,JavaScript组成

资源就是其他组成网页的东西的集合,比如图片,音乐,文档等。

三、如何进行工作的?

当在浏览器输入一个网址时;

首先浏览器在域名系统服务器DNS上找出存放网页的服务器实际地址(类似于确定商店的位置);

然后浏览器发送HTTP请求信息到服务器来拷贝一份网页到客户端(类似与走到商店下订单);

然后服务器同意客户端请求后,会返回一个“200 OK”信息,这意味着你可以查看这个网页,然后开始将网页的相关文件以数据包的形式传输到浏览器(买好商品,可以拿回家了);

然后浏览器将数据包聚集成完整的网页,并且将网页呈现给用户。

DNS解析

真正的网址其实一串数字,即IP地址,他代表了一个互联网上独特的位置。当我们输入浏览器地址,DNS解析输入的地址并与实际IP地址相匹配。如图:

DNS解析效果

数据包解析

前面用‘包’来描述数据从服务器到客户端传输的格式;其实当数据在web上传输时,是以成千上万的小数据块的形式传输。大量不同的用户都可以在同时下载同一个网页。如果网页以单个大的数据块形式传输,一次就只能一个用户下载。




文章参考来源于:万维网是如何工作的 - 学习 Web 开发 | MDN

你可能感兴趣的:(浏览器是怎样工作的?(从输入url到页面展示发生了什么?))