html - 使用 javascript 检查浏览器对 Shadow dom v1 的支持

标签 html web-component shadow-dom

有什么方法可以检查正在考虑的浏览器是否支持shadow dom v1?

在应用程序中使用它对性能有何影响?

我想使用它,这样我就可以将从服务器检索到的 html 内容用 css 投影到我当前的 View 中,而不会干扰现有的 css。

最佳答案

Shadow DOM v1 presentation 中所述:

To feature detect shadow DOM, check for the existence of attachShadow:

const supportsShadowDOMV1 = !!HTMLElement.prototype.attachShadow;

除非您同时处理数千个 Shadow DOM,否则不存在性能问题。

关于html - 使用 javascript 检查浏览器对 Shadow dom v1 的支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53557773/

相关文章:

html - 旋转文本div css3的对齐方式

html - 背景尺寸封面不起作用

html - 核心标题面板不可见?

javascript - CSS 样式未应用于自定义组件

javascript - 如何在 safari 中找到 Shadow DOM 中的元素? ( polymer )

polymer - 如何跳过 Shadow DOM(并使用 Light DOM)代替 Polymer 模板

javascript - 我们如何观察 v0 影子根上的分布变化?

html - CSS 中的渐变提供阶梯式背景而不是平滑过渡

html - 自定义字体不复制网站上很棒的字体

javascript - createShadowRoot 使元素不可见