输入url到显示页面的过程

整个过程包括两个子过程：导航和渲染

一、导航

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

5. 如果没有，网络进程向服务器发起http请求（网络请求），请求过程如下：

   1. 进行DNS解析，获取服务器的ip地址，端口

      1. 本地域名服务器查看本地缓存
      2. 根域名服务器
      3. 顶级域名服务器
      4. 权威域名服务器
   2. 利用ip地址和端口构建进程间通信的接口socket套接字，后续TCP端到端的传输的端也是指的是socket套接字
   3. 建立tcp连接（三次握手）
   4. 构造请求行、请求头和请求体，利用建立好的tcp连接发送构建好的请求信息
   5. 服务器收到请求信息，构造响应行、响应头和响应体，利用建立好的tcp连接发送给客户端
   6. 客户端浏览器的网络进程接收响应头和响应信息，并解析响应内容

6. 网络进程解析响应流程

   1. 检查状态码，如果是301/302，则需要重定向，从Location自动读取地址，重新进行第4步操作，如果是200，则继续处理请求

   2. 200响应处理

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

7. 准备渲染进程

   1. 浏览器进程检查当前的url是否和之前打开的页面的url主域名是否相同，如果相同，则复用之前页面的渲染进程。如果不同，则创建新的渲染进程

8. 传输数据，更新状态

   1. 渲染进程准备好后，浏览器进程向渲染进程发送“提交文档”信号
   2. 渲染进程接收到信号后建立“管道”与网络进程进行数据的传输
   3. 数据传输完毕后，渲染进程发送“确认提交”信号给浏览器进程
   4. 浏览器进程接收到确认信号后更新浏览器界面的状态：安全信息、地址栏url、前进后退的历史状态、更新web页面等

二、渲染

1. 渲染进程将 HTML 内容转换为能够读懂的 DOM 树结构。（使用栈来实现，遇到“<p"就入栈，遇到"</p"就出栈
2. 渲染引擎将 CSS 样式表转化为浏览器可以理解的 styleSheets，计算出 DOM 节点的样式。构造渲染树。
3. 创建布局树，并计算元素的布局信息。
4. 对布局树进行分层，并生成分层树。
5. 为每个图层生成绘制列表，并将其提交到合成线程。
6. 合成线程将图层分成图块，并在光栅化线程池中将图块转换成位图。
7. 合成线程发送绘制图块命令 DrawQuad 给浏览器进程。
8. 浏览器进程根据 DrawQuad 消息生成页面，并显示到显示器上。