从浏览器地址栏输入url到敲回车后发生了什么

164 阅读1分钟

一.先简单的分析一下:

  • URL 解析
  • DNS 查询
  • TCP 连接
  • HTTP 请求
  • 响应请求
  • 页面渲染

二.详细分析

下面通过图解的形式为大家讲解

URL 解析

一个url的结构解析如下:

image.png

DNS 查询

DNS 即域名系统,全称是 Domain Name System。作用就是将主机名转换成 IP 地址

查询过程如下图所示:

image.png

TCP 连接

TCP 是一种面向有连接的传输层协议. 这个阶段需要进行三次握手后建立TCP连接,流程图如下:

image.png

发送 http 请求

请求的内容包括:

  • 请求行
  • 请求头
  • 请求主体

image.png

响应请求
  • 状态行
  • 响应头
  • 响应正文

image.png

页面渲染

渲染DOM树图示如下:

image.png