Html 使用javascript检查浏览器中对阴影dom v1的支持

有没有办法检查正在考虑的浏览器是否支持shadow dom v1

在应用程序中使用它的性能影响是什么

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

如中所述：

要检测阴影DOM，请检查是否存在attachShadow：

const supportsShadowDOMV1=！！HTMLElement.prototype.attachShadow

除非您同时处理数千个Shadow DOM，否则没有性能问题。
如果您想签入shadowDOM本机受支持，请使用以下选项：

const supportsShadowDom=/{s+[native code]s+}/.test（（HTMLElement.prototype.attachShadow | |''）.toString（）

如果您不在乎是否通过polyfill支持，请使用以下方法：

const supportsShadowDom=！！HTMLElement.prototype.attachShadow