当我们在地址栏输入URL的时候浏览器发生了什么

在这里插入图片描述

URL 解析

  • 是否合法
    首先判断你输入的是一个合法的 URL 还是一个待搜索的关键词,并且根据你输入的内容进行自动完成、字符编码等操作。
  • 检查http缓存
    在这里插入图片描述

DNS 查询

浏览器缓存 -> 操作系统缓存 -> 路由器缓存 -> DNS缓存 -> 根域名服务器查询
在这里插入图片描述

TCP 连接

OSI七层模型(应用表示会话传输网络数据链路物理)
应用层:发送 HTTP 请求
传输层:TCP 传输报文
网络层:IP协议查询Mac地址
链路层:以太网协议

处理请求

后端服务器监听特定端口收到后进行对应的逻辑处理
后台代码经过解析封装 对数据库操作等
最终返回响应给浏览器

接受响应

浏览器接受响应

  • 查看 Response header,根据不同状态码做不同的事
  • 对响应资源做缓存

渲染页面

浏览器解析HTML代码 分别渲染DOM树和CSS树 经过回流重绘最终展示
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Beatingworldline/article/details/137198052