Является ли shadow dom альтернативной альтернативой iframes для инкапсуляции css?

Question

У меня есть прецедент, где я хочу встроить несколько независимых веб-приложений на страницу. Я бы хотел, чтобы они не могли вмешиваться в CSS друг друга. Это похоже на классический случай использования Shadow DOM. Я пытаюсь определить, достаточны ли Shadow DOM и доступные полисы (в частности ShadyDom и ShadyCSS) для поддержки моего варианта использования. Имейте в виду, что это существующие веб-приложения. Моя основная проблема с полиполками заключается в том, что они, похоже, могут потребовать от меня внесения изменений в приложения, которые на самом деле невозможны с точки зрения степени стилей и DOM. Большинство примеров там есть вокруг создания веб-компонентов, но это не мой случай использования. Является ли Shadow DOM (+ polyfills) жизнеспособным вариантом для инкапсуляции CSS во всех браузерах сегодня для существующих веб-приложений? Есть ли примеры этого?

Answer 1

Да, пока это работает с вашим прецедентом ;-)