Web组件的浏览上下文是什么？

Question

如果我有一个Web组件B，我在其中使用/运行一个页面A，以下哪个是真的：

1. A和B共享相同的browsing context
2. B在不同的/独立的浏览环境中运行
3. 别的（请解释）

Answer 1

背景相同。

如果在组件B中使用Shadow DOM，那么A和B的阴影根是不同的DOM树。但背景仍然相同。

组件B可以对页面A执行任何操作，页面A可以在某些限制内对B的内部DOM元素进行任何操作。（除非您调用this.attachShadow({mode: 'closed'});