从点击url到返回页面中间,发生了什么?

知识支持:

  1. chrome和Firefox浏览器http抓包
  2. html运行原理
  3. 代码解释

URL + 页面效果

从点击url到返回页面中间,发生了什么?_第1张图片

  • 准备

    打开开发者工具(F12), 抓取打开页面时的数据。

中间过程

从点击url到返回页面中间,发生了什么?_第2张图片

从点击url到返回页面中间,发生了什么?_第3张图片

向服务器端口Host: www.douban.com请求https://www.douban.com/页面,服务器response表示ok,并返回相应html,即我们所看到的页面。

以下为转载:
- request
request的结构是由请求行+ header + 空行 + body组成的。
其中请求行为域名和请求得到的文件。即特定地址的特定文件。
header是浏览器对服务器的要求。
body 里存的是通过POST方法提交的参数。
- response
response的结构是由响应行+ header + 空行 + body组成的。
其中响应行为是否OK。
header是浏览器对服务器的要求。
body 里存的是request请求的html页面。

浏览器把这个request发给了服务器,服务器接收到request,然后拿去解析(?),解析完之后按照request里的要求,拿出相应的数据,用html模板装好(静态页面直接返回指定文件就好),这一部分就会成为response的body体。然后服务器把由响应行 + 头部header + 体body组成的response发回给客户端。客户端把接受到的response解析,拿出body体里的内容加载出来,就是我们可以看到的页面了。


你可能感兴趣的:(html,url,request,response,html)