堆快照中多个Window对象的来源及构造器差异咨询

1. 多个带不同@Id的Window对象的来源与创建方式 #

• 浏览器内部隔离上下文生成：哪怕是空白新标签页，浏览器后台也会运行不少辅助模块，每个模块都有独立的JS执行上下文，对应独立的Window对象：
  • 内置/第三方扩展：所有浏览器扩展（包括默认自带的）都运行在隔离沙箱里，每个扩展会创建自己的Window实例，堆快照里会显示为不同@Id的对象。
  • 预渲染与缓存上下文：像Chrome这类浏览器会预渲染热门页面，或者保留后台缓存的页面上下文，这些预加载的环境也会生成Window对象。
  • 隐藏内部iframe：浏览器会加载一些不可见的iframe来支撑功能（比如书签同步、内置服务），每个iframe都有专属的Window实例。
• DevTools快照捕获逻辑：调试工具拍堆快照时，会把所有当前存在的JS执行上下文都抓进来，包括用户看不到的内部上下文，所以你会看到多个Window条目。

2. "Window"与"Window /"构造器的区别 #

• "Window"构造器：对应你当前可见的标签页主上下文，就是平时通过window访问的那个全局对象，属于顶级页面的执行环境。
• "Window /"构造器：这是浏览器给隔离环境上下文加的特殊标记，常见场景包括：
  • 扩展程序的沙箱上下文：扩展的运行环境和主页面完全隔离，其Window对象会用这个标识区分。
  • 隔离/跨域iframe：带sandbox属性的iframe，或者跨域加载的iframe，它们的Window构造器会显示为"Window /"，标识处于受限隔离环境。
  • 浏览器内部服务：比如PDF预览、页面翻译这类内置功能，运行在独立上下文里，对应的Window对象也会用这个标记。

内容的提问来源于stack exchange，提问作者Geetanshu Gulati