shadow dom 是 iframe 的 css 封装的可行替代方案吗？

Question

我有一个用例，我想在一个页面中嵌入多个独立的网络应用程序。我希望他们不能干扰彼此的 CSS。看起来像是一个经典的 Shadow DOM 用例。我正在尝试确定 Shadow DOM 和可用的 polyfill（尤其是 ShadyDom 和 ShadyCSS）是否足以支持我的用例。请记住，这些是现有的网络应用程序。我对 polyfill 的主要担忧是，它们似乎需要我对应用程序进行更改，而这些更改在样式范围和处理 DOM 方面并不真正可行。大多数示例都是围绕构建 Web 组件，但这并不是我真正的用例。 Shadow DOM (+ polyfills) 是在当今所有浏览器中为现有 Web 应用程序封装 CSS 的可行选项吗？有没有这样的例子？

Answer 1

是的，只要它适用于您的用例 ;-)