美文网首页
导航流程

导航流程

作者: alue | 来源:发表于2025-01-25 22:12 被阅读0次

摘自 李兵 《浏览器工作原理与实践》

下图是用户输入url后,浏览器的工作流程。

  • 首先,浏览器进程接收到用户输入的 URL 请求,浏览器进程便将该 URL 转发给网络进程。
  • 然后,在网络进程中发起真正的 URL 请求。
  • 接着网络进程接收到了响应头数据,便解析响应头数据,并将数据转发给浏览器进程。
  • 浏览器进程接收到网络进程的响应头数据之后,发送“提交导航 (CommitNavigation)”消息到渲染进程;
  • 渲染进程接收到“提交导航”的消息之后,便开始准备接收 HTML 数据,接收数据的方式是直接和网络进程建立数据管道;
  • 最后渲染进程会向浏览器进程“确认提交”,这是告诉浏览器进程:“已经准备好接受和解析页面数据了”。
  • 浏览器进程接收到渲染进程“提交文档”的消息之后,便开始移除之前旧的文档,然后更新浏览器进程中的页面状态。

当浏览器刚开始加载一个地址之后,标签页上的图标便进入了加载状态。但此时图中页面显示的依然是之前打开的页面内容,并没立即替换为新页面。
因为需要等待提交文档阶段,页面内容才会被替换。

相关文章

  • 000_开篇词

    宏观视角下的浏览器 Chrome架构 TCP协议 HTTP请求流程 导航流程 渲染流程(上) 渲染流程(下) 浏览...

  • 面试题

    vuex工作流程 vue-router导航守卫(钩子函数) 概念:导航发生变化时,导航钩子主要用来拦截导航,让它完...

  • 第一天

    1、简述vuex的工作流程? 2、vuex-router导航守卫(钩子函数)? 概念导航发生变化时,导航钩子主要用...

  • Navigation Architecture Componen

    1.Introduce 导航组件简化了导航的实现,也可以实现导航流程的可视化。navigation库提供了一系列便...

  • 路由

    完整的导航解析流程 导航被触发。在失活的组件里调用 beforeRouteLeave 守卫。调用全局的 befor...

  • vue的路由和路由守卫 2021-03-18

    完整的导航解析流程导航被触发。在失活的组件里调用 beforeRouteLeave 守卫。调用全局的 before...

  • 玩转 TurtleBot 3 Burger 之导航测试

    本篇我们通过实现TurtleBot 3 Burger的导航功能,来探究ROS的导航流程 1.建立地图 bur...

  • ios学习笔记-多个界面和导航控制器

    导航控制器就是UINavigationController,app里会经常用到。 下面的图显示了导航控制器的流程。...

  • vue导航守卫

    导航解析流程 导航被触发。 在失活的组件里调用离开守卫。 调用全局的 beforeEach 守卫。 在重用的组件里...

  • Vue-router执行流程分析

    Vue-router完整的导航解析流程: 导航被触发 在失活的组件里调用离开守卫 调用全局的beforeEach守...

网友评论

      本文标题:导航流程

      本文链接:https://www.haomeiwen.com/subject/njdrujtx.html