[网络协议]题目解析：在浏览器输入url后发生了什么

问题:在浏览器输入url后发生了什么？

异常情况：

1、浏览器中输入url后，不点击回车，不会发送任何事

正常情况：

1. 浏览器中输入url后，需要点击回车
2. 浏览器查找当前url是否存在缓存，并对比缓存是否过期
3. DNS解析对应的IP
4. 根据IP与服务器建立TCP连接（三次握手）
5. HTTP发起请求
6. 服务器进行解析返回对应数据，浏览器响应服务器返回的数据
7. 渲染页面，构建DOM树
8. 关闭与服务器的链接，即关闭TCP链接（四次挥手）

二、各个步骤解析：

拓展1、URL的组成：

1. protocol ：协议头——http,加密的https，ftp等协议?
2. host：主机域名或者IP地址
3. port：断开?(域名后不加端口，即使用默认端口：http默认使用80，https默认443)
4. path：目录路径
5. query：请求参数
6. fragment：#后的hash，用来定位到某个位置

步骤2、客户端or浏览器如何判定缓存是否存在，缓存是否过期的？

补充解释：Etag

• ?Etag：是http规格说明定义的：被请求变量的实体值，也有一种说法是：ETag是一个可以与Web资源关联的记号（token）
• 如上：Etag标记值未改变，则服务器返回304，发送变化返回200

拓展提问2：Etag - Last-Modified和Etags如何帮助提高性能?

聪明的开发者会把Last-Modified和ETags请求的http报头一起使用，这样可利用客户端（例如浏览器）的缓存。因为服务器首先产生Last-Modified/Etag标记，服务器可在稍后使用它来判断页面是否已经被修改。本质上，客户端通过将该记号传回服务器要求服务器验证其（客户端）缓存。
过程如下:

1. 客户端请求一个页面（A）。
2. 服务器返回页面A，并在给A加上一个Last-Modified/ETag。
3. 客户端展现该页面，并将页面连同Last-Modified/ETag一起缓存。
4. 客户再次请求页面A，并将上次请求时服务器返回的Last-Modified/ETag一起传递给服务器。
5. 服务器检查该Last-Modified或ETag，并判断出该页面自上次客户端请求之后还未被修改，直接返回响应304和一个空的响应体。

未完待续。。

https://www.jianshu.com/p/7eea6fbc5fcd

https://www.cnblogs.com/flysnow-z/archive/2012/08/17/2644420.html

https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy? 浏览器的同源策略

关注博主即可阅读全文