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

URL 解析

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

DNS 查询

浏览器缓存 -> 操作系统缓存 -> 路由器缓存 -> DNS缓存 -> 根域名服务器查询

TCP 连接

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

处理请求

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

接受响应

浏览器接受响应

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

渲染页面

浏览器解析HTML代码 分别渲染DOM树和CSS树 经过回流重绘最终展示