Mon application est capable de rendre le DOM Shadow, mais l'inspecteur ne peut pas afficher la racine shadow. Quelqu'un peut-il m'aider à ce sujet?Est-ce que IOS Safari prend en charge Shadow DOM?
Répondre
Cela dépend du DOM Shadow que vous voulez dire - Shadow DOM v0 ou Shadow DOM v1.
Voir http://caniuse.com/#feat=shadowdomv1 et http://caniuse.com/#feat=shadowdom
Aucune version de Safari supporte Ombre DOM v0. Mais aussi loin que iOS Safari version 10.2+ support v1 Ombre DOM avec la restriction suivante:
Certains sélecteurs CSS ne fonctionnent pas (
:host > .local-child
) et le style contenu à fente (::slotted
) est buggy.
En ce qui concerne les différences entre les ombres DOM v0 et v1, voir https://hayato.io/2016/shadowdomv1/
A propos de la façon de voir la racine de l'ombre dans le WebKit/Safari Inspecteur, il y a un bouton, vous devez cliquer pour afficher l'ombre les racines; il ressemble à ceci:
Et dans l'interface utilisateur inspecteur, il est dans la barre d'outils à droite sous les onglets. Il devient bleu quand elle est activée:
Ombre DOM V1 sûr. Malheureusement, je ne vois pas la racine de l'ombre dans l'inspecteur. Dois-je allumer des drapeaux ou quelque chose? – geoyws
Voir les images que je viens d'ajouter à la réponse – sideshowbarker