请描述从输入一个url到页面显示的整个过程？

简述：

1. 输入网址URL
2. 浏览器获取url，通过DNS解析获得网址的对应IP地址。首先先去各个缓存当中看看有没有DNS缓存，如果有则直接显示，不需要重新发送HTTP请求，如果没有进行下一步。
3. 通过DNS解析获得网址的对应IP地址
4. 浏览器与服务器 通过TCP三次握手协商来建立一个 TCP连接。（1.浏览器问 “服务器，在吗？” 2.服务器回答“在的，怎么了？” 3.浏览器说“我想请你帮个忙”）
5. 浏览器服务器 发送一个 HTTP 请求报文
6. 服务器处理请求并返回一个 HTTP 响应报文
7. 浏览器收到响应，进行客户端渲染，生成Dom树、Css样式树、执行Js交互
8. 构建渲染树，计算并布局。
9. 浏览器绘制页面。

详述：

1. 输入网址URL
2. 浏览器获取url后，通过DNS解析获得网址的对应IP地址。

• 先查看浏览器缓存（浏览器会记录DNS一段时间）
• 如果在浏览器缓存中不包含这个记录，则会使系统调用操作系统，获取操作系统的记录(保存最近的DNS查询缓存)；
• 如果上述两个步骤均不能成功获取DNS记录，继续搜索本地路由器缓存或ISP缓存。
• 如果任一缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作

    3. 如果本地/ISP DNS 服务器没有找到结果，它会发送一个递归查询请求，一层一层向高层 DNS 服务器做查询，直到查询到起始授权机构，最后把结果返回。

    4. 浏览器与服务器 通过TCP三次握手协商来建立一个 TCP连接。

该握手包括一个“同步报文”，一个“同步-应答报文”和一个“应答报文”，这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信，而后服务器应答并接受客户端的请求，最后由客户端发出该请求已经被接受的报文。

    5. 浏览器服务器 发送一个 HTTP 请求报文（包括请求头和请求体）

    6. 服务器处理请求并返回一个 HTTP 响应报文（包括响应头和响应体）

    7. 浏览器收到响应对象，判断http响应状态码，进行客户端渲染，生成Dom树、Css样式树、执行Js交互

    8. 构建渲染树，计算并布局。

    9. 浏览器调用渲染引擎绘制页面。

 

本文借鉴了其他博主的文章：

https://blog.csdn.net/heshan1992/article/details/77361648