必须了解网站的原理: 从访问URL到在浏览器中显示页面发生了什么

在浏览器的地址栏中输入“”浏览器加载图片原理，我们将看到页面开始加载. 看起来很简单，但是幕后隐藏了很多魔术. 从访问URL到在浏览器中显示页面会发生什么？实际上，这很麻烦，因为有很多术语. 不幸的是，某些术语对于理解本文的其余部分至关重要.

I. 清除一些最重要的术语:

客户端: 简而言之，是浏览器，例如Chrome或Firefox. 它的主要作用是执行用户交互并将其转换为对另一台称为Web服务器的计算机的请求. 尽管我们通常使用浏览器来访问网络，但是您可以将整个计算机视为客户端-服务器模型的“客户端”. 每台客户端计算机都有一个唯一的地址，称为IP地址，其他计算机可以用来标识该地址.

服务器: IP地址连接到Internet的机器. 服务器等待来自其他计算机（例如客户端）的请求并对其进行响应. 与您的计算机（即客户端）不同，服务器还具有IP地址，并安装并运行特殊的服务器软件来确定如何响应浏览器的请求. Web服务器的主要功能是存储，处理和传输网页到客户端. 服务器的类型很多，包括Web服务器（在本文中，我们谈论的是Web服务器），服务器，文件服务器，应用程序服务器等.

IP地址: Internet协议地址. TCP / IP网络上设备（计算机，服务器，打印机，路由器等）的数字标识符. Internet上的每台计算机都有一个IP地址，该IP地址用于标识其他计算机并与之通信. IP地址具有四组数字，用小数点分隔（例如244.155.65.2）. 这称为“逻辑地址”. 为了在网络中定位设备，逻辑IP地址通过TCP / IP协议软件转换为物理地址. 此物理地址（即MAC地址）内置在您的硬件中.

TCP / IP: 传输控制协议/ Internet协议. 使用最广泛的通信协议. “协议”是一些标准规则. TCP / IP被用作通过网络传输数据的标准.

ISP: Internet服务提供商. ISP是客户端和服务器之间的中间人. 典型的ISP通常是“电缆公司”. 当您的浏览器收到请求时，它将不知道在哪里查找，因此ISP的工作是执行DNS（域名系统）查找，以询问要查找的网站的IP地址.

DNS: 域名系统. 分布式，用于跟踪Internet上的计算机域名及其对应的IP地址. 不用担心“分布式”的工作原理: 您只需要知道输入，而无需知道IP地址.

域名: 用于标识一个或多个IP地址. 用户使用域名（例如）访问Internet上的网站. 在浏览器中键入域名时，DNS会使用它来查找给定网站的IP地址.

端口号: 16位整数，用于标识服务器上的特定端口，并且始终与IP地址关联. 它可以用来标识服务器上可以转发网络请求的特定进程.

主机: 连接到网络的计算机-它可以是客户端，服务器或任何其他类型的设备. 每个主机都有一个唯一的IP地址. 对于这样的网站，主机可以是为该网站的网页提供服务的Web服务器. 主机和服务器的概念经常混合在一起，但是它们是两回事. 服务器是主机，但是另一方面，提供主机服务以维护多个Web服务器的机器可以称为主机. 从这种意义上讲浏览器加载图片原理，您可以从主机运行服务器.

HTTP: 超文本传输​​协议. Web浏览器和Web服务器用于通过Internet进行通信的协议.

URL: 统一资源定位符. URL标识特定的Web资源. 一个简单的示例是URL规范协议（“ https”），主机名（itheima.com）和文件名（某人的页面）. 用户可以通过HTTP从域名为itheima.com的Web主机获取URL标识的Web资源. （你在聊天吗？）

第二，从代码到网页的旅程

好的，既然我们已经有了必要的定义，让我们尝试Github的搜索，看看当我们从地址栏中输入URL来获取页面时会发生什么:

1）您在浏览器中输入URL

2）浏览器解析URL中包含的信息. 包括协议（“ https”），域名（“ github.com”）和资源（“ /”）. 在这种情况下，“. com”后没有指示任何特定资源，因此浏览器知道要检索主（索引）页面

3）浏览器与ISP通信，并在主机Web服务器的IP地址上执行DNS查找. DNS服务首先联系根服务器以查询顶级域服务器的IP地址. 该地址将发送回您的DNS服务. DNS服务还与“ .com”名称服务器通信并请求地址.

4）ISP收到目标服务器的IP地址后，会将其发送到您的Web浏览器

5）您的浏览器从URL获取IP地址和给定的端口号（HTTP协议默认为端口80，HTTPS默认为端口443），并打开TCP套接字连接. 至此，您的Web浏览器和Web服务器终于连接起来.

6）您的Web浏览器将HTTP请求发送到Web服务器，即请求的主页

7）Web服务器收到请求并查找HTML页面. 如果该页面存在，则Web服务器将准备响应并将其发送回浏览器. 如果服务器找不到请求的页面，它将发送HTTP 404错误消息，表示“找不到页面”.

8）您的Web浏览器将收到HTML页面，然后从上到下进行解析以查找列出的其他资源，例如图像，CSS文件，JavaScript文件等.

9）对于每个列出的资源，浏览器都会重复上述整个过程，并将HTTP请求发送到服务器.

10）浏览器完成HTML页面中列出的所有其他资源的加载后，该页面最终将被加载到浏览器窗口中，并且连接将被关闭

基本推荐:

2017年最新的PHP学习路线图（包含完整的视频资源）+源代码+技能/经验+求职+前景摘要！

黑夜PHP的全国就业率接近100％. 详细信息说明如何做.

PHP程序员面试失败，其中大多数人死于这29个问题

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/jisuanjixue/article-200475-1.html