从输入URL到页面展示的流程示意图
2021-05-20 14:41:54 6 举报
从输入URL到页面展示的流程示意图
作者其他创作
大纲/内容
建立管道
文档(响应体数据)被提交前,tab上图标进入加载状态,提交后页面内容才会被替换”提交文档“消息由浏览器进程发出,渲染进程收到消息后和网路进程建立传输数据”管道“数据传输完成,渲染进程返回”确认提交“给浏览器进程浏览器收到”确认提交“,更新浏览器界面状态:安全状态,地址栏url,前进后退,并更新web页面
传输完成,确认提交
数据传输管道
渲染进程负责把资源解析成可以交互的页面
用户发出 URL 请求到页面开始解析的这个过程,就叫做导航
请求数据类型:Content-typeapplication/octet-stream:字节流,交给下载管理器,导航流程结束text/html:继续导航流程
处理输入信息
用户输入
开始导航
网络进程进程向渲染进程和浏览器进程等提供网络下载功能
200则继续处理请求
页面加载完成
准备渲染进程
读取响应头信息
渲染阶段
进程通信(IPC)
关键字内容:使用默认搜索引起,合成带关键字url。url:加上协议合成完整url
浏览器进程负责用户交互、子进程管理和文件储存
???
如果服务器返回状态码301/302,网络进程会读取响应头Location字段,发起新的http或https请求
重定向
读取响应体数据
发起URL请求
提交文档
确认文档被提交
浏览器收到”确认提交“,更新浏览器界面状态:安全状态,地址栏url,前进后退,并更新web页面
页面解析和子资源加载
1、通常打开新的页面都使用单独的渲染进程2、从A打开B,且AB属于同一站点,B复用A的进程,但使用rel=\"noopener noreferrer\"告知浏览器新打开的子窗口不需与父窗口通信,则使用单独的进程
收藏
0 条评论
下一页
为你推荐
查看更多