浏览器工作原理:浏览器架构演进

单进程浏览器时代

单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里,这些模块包含了网络、
插件、JavaScript 运行环境、渲染引擎和页面等。

  1. 不稳定
    插件不稳定,一个插件的崩溃会导致整个浏览器的崩溃
    渲染引擎模块不稳定,一些复杂的 JS 代码可能引起渲染引擎模块的崩溃,从而导致整个浏览器崩溃
  2. 不流畅
    无限循环的脚本会独占整个线程,导致其他模块没有机会执行,导致整个浏览器失去响应、变卡顿
    运行复杂页面再关闭,会存在内存不能完全回收的情况。内存泄漏会导致使用时间越长,内存占用越高,浏览器会变得越慢。
  3. 不安全
    插件可以使用 C/C++ 等代码编写,通过插件可以获取到操作系统的任意资源
    页面脚本可以通过浏览器的漏洞来获取系统权限,之后对电脑做一些恶意的事情

多进程浏览器时代

早期Chrome进程架构图

  1. 解决不稳定的问题
    一个页面或插件单独使用一个进程,由于进程是相互隔离的,所以当一个页面或者插件崩溃
    时,影响到的仅仅是当前的页面进程或者插件进程,并不会影响到浏览器和其他页面
  2. 解决不流畅的问题
    JavaScript 也是运行在渲染进程中的,所以即使运行死循环的脚本时,没有响应的仅仅是当前的页面。
    当关闭一个页面时,整个页面的渲染进程也会被关闭,该进程所占用的内存都会被系统回收,轻松解决了浏览器页面的内存泄漏问题。
  3. 解决安全问题
    采用多进程架构的额外好处是可以使用安全沙箱,你可以把沙箱看成是操作系统给进程上了一把锁,沙箱里面的程序可以运行,但是不能在你的硬盘上写入任何数据,也不能在敏感位置读取任何数据

目前多进程架构

最新的Chrome进程架构图
最新的 Chrome 浏览器包括:1 个浏览器(Browser)主进程、1个GPU 进程、1个网络(NetWork)进程、多个渲染进程和多个插件进程。打开 1 个页面至少需要 4 个进程: 1 个网络进程、1 个浏览器进程、1 个 GPU 进程、1 个渲染进程。
浏览器进程
主要负责界面显示、用户交互、子进程管理,同时提供存储等功能。

渲染进程
核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页,
排版引擎 Blink 和 JavaScript 引擎 V8 都是运行在该进程中,默认情况下,Chrome 会
为每个 Tab 标签创建一个渲染进程。出于安全考虑,渲染进程都是运行在沙箱模式下。

GPU进程
Chrome 刚开始发布的时候是没有 GPU 进程的。而 GPU 的使用初衷是为了实现 3D CSS 的效果,只是随后网页、Chrome 的 UI 界面都选择采用 GPU 来绘制,这使得 GPU 成为浏览器普遍的需求。最后,Chrome 在其多进程架构上也引入了 GPU 进程。

网络进程
主要负责页面的网络资源加载,之前是作为一个模块运行在浏览器进程里面
的,直至最近才独立出来,成为一个单独的进程。

插件进程
主要是负责插件的运行,因插件易崩溃,所以需要通过插件进程来隔离,以保
证插件进程崩溃不会对浏览器和页面造成影响。

缺点:

  1. 更高的资源占用:会消耗更多的内存资源
  2. 更复杂的体系架构:浏览器各模块之间耦合性高、扩展性差

未来面向服务的架构

2016 年,Chrome 官方团队使用面向服务的架构(Services Oriented Architecture,简称 SOA)的思想设计了新的 Chrome 架构。Chrome 最终要把 UI、数据库、文件、设备、
网络等模块重构为基础服务,类似操作系统底层服务。
Chrome“面向服务的架构”进程模型图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值