mobile-safari - IOS Safari是否支持Shadow DOM？

Question

我的应用程序能够渲染Shadow DOM，但是检查器无法显示Shadow根。谁能帮我这个忙吗？

Answer 1

这取决于您指的是哪个Shadow DOM(Shadow DOM v0或Shadow DOM v1)。
参见http://caniuse.com/#feat=shadowdomv1和http://caniuse.com/#feat=shadowdom
Safari的任何版本均不支持Shadow DOM v0。但是就iOS Safari而言，版本10.2+支持Shadow DOM v1，但有以下限制:

Certain CSS selectors do not work (:host > .local-child) and styling slotted content (::slotted) is buggy.

至于Shadow DOM v0和v1之间的差异，请参见 https://hayato.io/2016/shadowdomv1/

2020-07-31更新:阴影根不再隐藏在当前的Safari Web Inspector中-而是始终显示，无论如何。参见 https://trac.webkit.org/changeset/253706/webkit/

在较早版本的Safari(默认情况下，Web Inspector不会显示阴影根)，您需要单击一个按钮以显示阴影根；它看起来像这样:

在Inspector用户界面中，它位于选项卡右下方的工具栏中。激活后变为蓝色: