Как проверить, поддерживает ли браузер shadow DOM

один из способов проверить, если есть .свойство shadowRoot для элемента, однако мне нужно вернуть логическое значение перед отображением страницы.

1 ответов


один простой тест функции будет:

if(document.head.createShadowRoot || document.head.attachShadow) {
    // I can shadow DOM
} else {
    // I can't
}

Это будет работать, даже если вы включаете скрипт в раздел head и предполагаете, что никакие вредоносные скрипты не были добавлены до вашего (безопасное предположение).

В настоящее время Chrome, Opera и производные браузеры (например, браузеры Android) поддерживают его. Для получения дополнительной информации посетите:http://caniuse.com/#feat=shadowdom