通过浏览器来理解HTTP协议

要理解什么是HTTP以及它的运作方式，我们首先需要了解Web服务器是如何工作的，请求是如何被发送到服务器的，以及服务器如何响应这些请求。只有理解了这些原理之后，我们才能真正理解HTTP到底是什么。

HTTP :

HTTP是一种协议。客户端-服务器模型协议/规范这意味着，当任何客户端实体发送请求时，用户代理（即代表用户的代理程序）通常会是某种网络浏览器。不过，实际上用户代理可以是任何东西——也许它只是一个浏览器，或者是一个通过API发送请求的其它应用程序。在我们的情况下，用户代理可以是……机器人那个爬行通过网络来填充并维护搜索引擎的索引。

在这里，每一个单独的请求都会被发送到服务器上。服务器会处理这些请求，并给出相应的答复或反馈。在这个过程中，客户端和服务器之间会涉及到许多不同的实体，这些实体可以被统称为“代理”。它们负责执行各种操作，同时充当整个过程中的网关或缓存机制。

使用浏览器理解HTTP的步骤：

• 首先，在电脑上的 Google Chrome 浏览器中打开一个新窗口，然后导航到……https://www.spoto.net/在“隐身模式”下运行（以避免由于所有进程的缓存导致的不一致性）。
• 然后，你可以打开 Chrome 开发者工具，或者直接通过按下相应的键来查看该页面。这两种方式其实是一样的。Ctrl + Shift + i 或 Cmd + Shift + i在浏览器窗口中，然后选择“网络”选项卡。
• 现在，请按下去。F5 为了刷新页面，可以从 Chrome 浏览器开始录制网络活动，同时观察用于加载网站的 HTTP 请求。
• 当您重新加载页面时，网站上之前的所有活动都会被清除，然后新的活动会再次被加载到页面上。
• 现在，轮到你了，来猜一猜自己能答对多少道题吧。HTTP您的浏览器提出了一些请求，然后……
• 请查看通过网络传输的数据量，以及服务器对您的请求做出了怎样的响应。

注意：

现在，你会注意到，网站中用于发起所需HTTP请求的每一个图像、CSS文件以及JavaScript文件，以及其他任何资源，都会为我们提供相应的响应。而每一次的请求，都会给我们带来相应的反馈/响应。

使用HTTP进行理解的示例浏览器 :

在本文的“待办事项”部分中，我们将使用geeks for geeks网站来记录与HTTP请求和响应相关的操作过程。

• 现在，在浏览器的新标签页中搜索“geeksforgeeks”。进入geeksforgeeks的主页后，按下Ctrl+Shift+I。这样操作后，你就能进入网站的“检查”页面。之后，请刷新网站页面。按照上述步骤进行操作即可。
• 现在，请滚动到网络活动的顶部，然后点击第一个请求，以查看该请求的详细信息。在“名称”选项卡中查找相应的条目，你会看到 www.spoto.net。其类型被标记为“document”。// 这个字段是必填项。
• 现在，请查看“General”部分中与该HTTP请求相关的详细信息。这些详细信息包含了所有必需的要素。
• 现在，您需要输入资源的URL地址。请务必输入要获取的资源对应的URL地址。
• “请求方法”指的是需要执行的动作。这里的“GET”就是其中一种方法，它用于获取与文档相关的资源或详细信息。
• 状态代码表示服务器对请求的响应方式。例如，“200 OK”表示请求成功。由于这是一个“GET”请求，因此服务器会返回相应的数据，比如网站的HTML内容。
• 现在，请查看“General”部分中的“Remote Address”字段。这里使用的端口号是443。这个端口号有特殊的意义吗？所使用的端口号与请求URL之间有没有什么关联呢？你可以想象一下这种情况：在浏览器的地址栏中，有一个锁定图标。
• 现在，请查看一些响应头信息，试着了解它们到底意味着什么。比如，“Content-Type”这样的响应头，它表示的是内容类型。
• 请查看您的浏览器发送给 GeeksforGeeks 服务器的 HTTP 请求行内容。（提示：在“请求头”旁边点击“查看源代码”即可。）
• 现在，请在新标签页中访问 https://www.geeksforgeeks.practice。你认为HTTP请求行会发生哪些变化呢？请按照上一步的方法，检查用于获取新HTML页面的请求行，以确认是否发生了相应的变化。
• 你会发现，当访问 https://www.spoto.net 时，请求行现在会请求的是 /practice 这个路径上的资源，而不是根目录 (/) 上的资源。Host 请求头中包含了获取该资源的来源信息。