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

  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 连接一段时间,以便快速获取页面中的其他资源(如图片、脚本、样式表等),或者关闭连接。
相关推荐
geovindu1 小时前
rust: Facade Pattern
开发语言·后端·设计模式·rust·外观模式
颜进强2 小时前
20 · NestJs循环依赖与 forwardRef:容器为什么在环面前会死,"占位再补齐"怎么救
前端·后端·ai编程
颜进强2 小时前
19 · NestJs @Global 落地账:装饰器与 `isGlobal` 参数,各在什么场景上岗
前端·后端·ai编程
她的男孩3 小时前
分片上传的大文件人人可下载:文件模块 isPrivate 在合并时被抹成 false,另有 4 个静默坑
java·后端·架构
颜进强3 小时前
18 · NestJS动态模块与 forRoot:`imports: [ConfigModule.forRoot({...})]` 到底在 import 什么
前端·后端·ai编程
xn71333 小时前
Personal AI Agent 架构实战:Memory、权限、跨 App 与本地/云端设计
人工智能·后端·agent
谢亮_vipxieliang3 小时前
Go defer、panic与recover核心知识点
开发语言·后端·golang
颜进强3 小时前
17 · 自定义 Provider 四形态:useValue / useClass / useFactory / useExisting 到底在选什么
前端·后端·ai编程
碎觉崽3 小时前
我的 QQ 机器人被腾讯反复踢下线,折腾了半个月才搞明白
后端
打工仔折腾 AI4 小时前
从零写一个CAD 05:以鼠标为中心的滚轮缩放矩阵顺序不能反
后端·python·线性代数·性能优化·矩阵·计算机外设·ai agent 实战