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中,它位于选项卡右下方的工具栏中.激活时变为蓝色: