IOS Safari是否支持Shadow DOM？

Question

我的应用程序能够呈现Shadow DOM，但检查器无法显示阴影根。任何人都可以帮我解决这个问题吗？

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，但有以下限制：

  

某些CSS选择器不起作用（:host > .local-child）并且样式化插槽内容（::slotted）是错误的。

就Shadow DOM v0和v1之间的差异而言，请参阅https://hayato.io/2016/shadowdomv1/

关于如何在WebKit / Safari Inspector中查看阴影根，您需要单击一个按钮来显示阴影根;它看起来像这样：

在Inspector UI中，它位于选项卡右下方的工具栏中。激活后会变为蓝色：