浏览器的组成
我们先来看看chrome浏览器打开一个页面,需要几个进程。
我们可以看到,我们打开百度首页,chrome运行了6个进程,我们来看看都是什么进程。
*
浏览器进程(主进程):主要负责页面显示,用户交互,子进程管理,同时提供存储功能。
*
GPU进程:主要负责UI的绘制
*
Network Service (网络进程): 主要负责网络资源的加载
*
Audio Service (音频进程): 主要负责音频/视频的播放
*
插件进程:主要负责插件的管理,因为插件特别容易崩溃,所以需要有一个专门的进程进行管理。
*
渲染进程:核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页,排版引擎 Blink 和 JavaScript 引擎 V8 都是运行在该进程中,默认情况下,Chrome 会为每个 Tab 标签创建一个渲染进程。出于安全考虑,渲染进程都是运行在沙箱模式下。
注意:Chrome的默认策略是,每个标签对应一个渲染进程。但是如果从一个页面打开了新页面,而新页面和当前页面属于同一站点时,那么新页面会复用父页面的渲染进程。官方把这个默认策略叫process-per-site-instance。
Iframe 除外,它是单独的进程。
我们可以看到上面选中的三个标签页共用了一个进程,为什么呢?
因为它们是同一站点,什么是同一站点,
定义为根域名(例如,geekbang.org)加上协议(例如,https:// 或者http://),还包含了该根域名下的所有子域名和不同的端口,比如下面这三个:
https://time.geekbang.org
https://www.geekbang.org
https://www.geekbang.org:8080
都是属于同一站点,因为它们的协议都是https,而根域名也都是geekbang.org。你也许了解同源策略,但是同一站点和同源策略还是存在一些不同地方。
同源策略是:协议,端口(如果有指定)和域名都相同,则两个页面具有相同的源。
https://time.geekbang.org/column/article/113513
https://time.geekbang.org/column/article/40011
它们就是同源的,因为它们有着相同的协议(https), 域名(time.geekbang.org)和端口 (80)。
上一篇: 关于vue的面试题汇总
下一篇: CSS