浏览器访问一个网址的过程

  1. DNS 解析
  • 浏览器首先会解析出域名,然后查找域名对应的 IP 地址。依次访问浏览器缓存 → 操作系统缓存 → hosts 文件 → 本地 DNS 服务器 → 根域名服务器 → 顶级域名服务器 → 权威 DNS 服务器,直到得到 IP 地址。
  1. 建立 TCP 连接
  • 浏览器通过 DNS 解析得到服务器的 IP 地址后,会通过 TCP 协议与服务器建立连接。这个过程包括 TCP 的三次握手。
  1. 发送 HTTP 请求
  • 连接建立后,浏览器会向服务器发送 HTTP 请求。请求中包括请求行(方法、URL、协议版本)、请求头部(如 Accept、Cookies 等)、请求体(对于 POST 请求)等信息。
  1. 服务器处理请求
  • 服务器收到请求后,会根据请求的内容进行处理,可能涉及到数据查询、动态页面生成、文件读取等操作。
  1. 服务器发送响应
  • 服务器处理完请求后,会将响应的内容通过 HTTP 响应发送回客户端。响应包括状态行(协议版本、状态码)、响应头部(如 Content-Type、Content-Length 等)、响应体(HTML 页面、图片、视频等)。
  1. 浏览器解析渲染
  • 浏览器接收到响应后,会根据响应的内容进行解析。如果是 HTML 页面,则解析 HTML 结构,构建 DOM 树;解析 CSS 文件,生成 CSSOM 树;将 DOM 树和 CSSOM 树合并生成渲染树;根据渲染树计算每个节点的布局信息;最后将页面内容显示在用户界面上。
  1. 连接结束
  • 页面加载完成后,浏览器会保持 TCP 连接一段时间,以便快速获取页面中的其他资源(如图片、脚本、样式表等),或者关闭连接。
相关推荐
考虑考虑8 小时前
docker compose V2版本新属性
运维·后端·自动化运维
GreenTea10 小时前
7000 万 QPS、500 PB:OpenAI 如何用一个 Python 存储平台撑住 10 亿用户
后端·架构
Flynt10 小时前
Java 27 升级实测:默认值动得比新特性多,有个老参数会让 JVM 直接起不来
java·jvm·后端
Bs_MoneyMagnet10 小时前
基于springboot+vue的个人健康管理系统的设计与实现 源码+文档
java·vue.js·spring boot·后端·vue3·springboot3·计算机毕业设计
GreenTea10 小时前
OpenAI Agents API 上手实测:一次调用把整个 agent loop 甩给 OpenAI
前端·后端·算法
Bs_MoneyMagnet13 小时前
基于springboot+vue的心理咨询预约与随访平台的设计与实现 源码+文档
vue.js·spring boot·后端·spring·毕业设计·旅游·计算机毕业设计
IT_陈寒13 小时前
Vue的响应式更新把我坑惨了,原来问题出在这
前端·人工智能·后端
陌シ未央ゞ14 小时前
基于BM25算法和RRF实现的混合索引(java版)
人工智能·spring boot·后端·算法
第五页的你14 小时前
SpringBoot基础设施配置(Redis序列化,JJWT新版)
后端
吃饱了得干活14 小时前
RabbitMQ 原理解析(下):存储、集群与可靠投递
后端·rabbitmq