javascript - 对于 css 封装，shadow dom 是否是 iframe 的可行替代方案？

Question

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

Answer 1

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