从输入URL到页面展示，这中间发生了什么

URL请求过程：DNS解析、TCP连接、重定向、准备渲染进程、提交文档、渲染。

默认策略process-per-site-instance

正文

image

  • 用户输入url并回车
  • 浏览器进程检查url，组装协议，构成完整的url
  • 浏览器进程通过进程间通信（IPC）把url请求发送给网络进程
  • 网络进程接收到url请求后检查本地缓存是否缓存了该请求资源，如果有则将该资源返回给浏览器进程

  • 如果没有，网络进程向web服务器发起http请求（网络请求），请求流程如下：

    进行DNS解析，获取服务器ip地址，如果请求协议是HTTPS，那么还需要建立TLS连接。
    利用ip地址和服务器（三次握手）建立TCP连接，
    服务器响应后，网络进程接收响应头和响应信息，并解析响应内容。
    一次完整的TCP生命周期包含：建立连接、传输数据、断开连接
    image

  • 网络进程解析响应流程；

    检查状态码，如果是301/302，则需要重定向，从Location自动中读取地址，重新进行第4步 （301/302跳转也会读取本地缓存吗？这里有个疑问），如果是200，则继续处理请求。

    200响应处理：检查响应类型Content-Type，如果是字节流类型，则将该请求提交给下载管理器，该导航流程结束，不再进行后续的渲染，如果是html则通知浏览器进程准备渲染进程准备进行渲染。

  • 准备渲染进程

    使用默认策略：process-per-site-instance。即默认每个标签对应一个渲染进程。但如果从一个页面打开了另一个新页面，而新页面和当前页面属于同一站点的话，那么新页面会复用父页面的渲染进程。

    浏览器进程检查当前url是否和之前打开的渲染进程根域名是否相同，如果相同，则复用原来的进程，如果不同，则开启新的渲染进程

  • 传输数据、更新状态、渲染DOM

    渲染进程准备好后，浏览器向渲染进程发起“提交文档”的消息，渲染进程接收到消息和网络进程建立传输数据的“管道”
    渲染进程接收完数据后，向浏览器发送“确认提交”
    浏览器进程接收到确认消息后更新浏览器界面状态：安全、地址栏url、前进后退的历史状态、更新web页面
    image

一个数据包的旅程

  • IP：把数据包送达目的主机
  • UDP：把数据包送达应用程序
  • TCP：把数据完整地送达应用程序。它的连接可分为三个阶段：建立连接、传输数据和断开连接
blog
browser