从输入URL到页面加载发生了什么?
从输入URL到页面加载发生了什么:总体来说分为以下几个过程: 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面 6.连接结束。
简述了一下各个过程的输入输出作用:
以下是对从输入 URL 到页面加载各过程的输入、输出或作用的一句话描述:
- DNS 解析: 输入:用户在浏览器地址栏输入的域名(如 www.example.com)。输出:对应的 IP 地址(如 192.168.1.1)。作用:将易于记忆的域名转换为计算机能够识别和用于网络通信的 IP 地址,以便浏览器与目标服务器建立连接。
- TCP 连接: 输入:浏览器获得的服务器 IP 地址,以及默认或指定的端口号(如 HTTP 协议默认端口 80,HTTPS 协议默认端口 443)。输出:建立起的 TCP 连接通道,为后续的数据传输提供可靠的连接基础。作用:通过三次握手在浏览器和服务器之间建立可靠的端到端连接,确保数据能够准确、有序地传输。
- 发送 HTTP 请求: 输入:建立好的 TCP 连接,以及根据用户输入的 URL 和操作生成的 HTTP 请求消息(包含请求方法、请求头、请求体等)。输出:将 HTTP 请求消息发送到服务器。作用:向服务器传达浏览器的请求意图,告知服务器需要获取的资源以及相关的请求参数和要求。
- 服务器处理请求并返回 HTTP 报文: 输入:接收到的来自浏览器的 HTTP 请求消息。输出:根据请求处理结果生成的 HTTP 响应报文(包含状态码、响应头、响应体等),并发送回浏览器。作用:服务器对浏览器的请求进行处理,如查找请求的资源、执行相关的业务逻辑等,并将处理结果以 HTTP 响应报文的形式返回给浏览器。
- 浏览器解析渲染页面: 输入:接收到的 HTTP 响应报文中的 HTML、CSS、JavaScript 等资源内容。输出:在浏览器窗口中显示出完整、可交互的页面。作用:浏览器对获取到的资源进行解析,构建 DOM 树、CSSOM 树,进行布局计算和样式渲染,执行 JavaScript 脚本,最终将页面呈现给用户。
- 连接结束: 输入:浏览器和服务器完成数据传输和交互,浏览器已经成功渲染页面,或在数据传输过程中出现异常情况。输出:关闭建立的 TCP 连接,释放相关的网络资源。作用:结束浏览器与服务器之间的网络连接,释放占用的网络资源,以提高资源利用率并为其他可能的连接请求腾出空间。