Un modo sarebbe verificare se esiste una proprietà .shadowRoot su un elemento, tuttavia è necessario restituire un valore booleano prima che la pagina venga visualizzata.Come verificare se un browser supporta shadow DOM
risposta
Un semplice test caratteristica sarebbe:
if(document.head.createShadowRoot || document.head.attachShadow) {
// I can shadow DOM
} else {
// I can't
}
Ciò funzionerà anche se si include lo script nella sezione head e non si assume alcuna script dannosi sono stati aggiunti prima del tuo (un presupposto sicuro).
Attualmente, Chrome, Opera e browser derivati (come i browser Android) lo supportano. Per ulteriori informazioni, visitare: http://caniuse.com/#feat=shadowdom
C'è qualcosa che posso controllare in 'window'? Devo testare prima che la pagina sia caricata (selenio). – Indolering
nm, sembra funzionare in wdio.io setup/before function. Ancora interessato a una risposta, tuttavia. – Indolering
questo ha un falso negativo in safari 10.1, in quanto è v0. V1 usa 'attachShadow' –
- 1. Come verificare se il browser supporta HTML5?
- 2. Verificare se l'elemento contiene # shadow-root
- 3. Come verificare se il browser supporta l'attributo placeholder nativo?
- 4. Come verificare se un tipo sovraccarica/supporta un determinato operatore?
- 5. Verifica se Browser supporta il timepicker HTML5
- 6. Esiste un modo per verificare se un browser mobile supporta flash utilizzando la tecnologia web?
- 7. Come verificare se un elemento dom è focalizzabile?
- 8. Come verificare se send() di XMLHttpRequest supporta File
- 9. Come posso rilevare se un browser supporta MJPEG?
- 10. Come verificare se un font supporta uno stile specifico
- 11. Come ottenere Shadow Dom per funzionare con un vantaggio?
- 12. Determinare se il browser supporta la stampa
- 13. Come posso verificare se il mio browser supporta i colori HSL in Javascript?
- 14. PHP: come determinare se il browser supporta javascript in PHP?
- 15. g ++ come verificare se supporta le funzioni lambda?
- 16. Come verificare se un oggetto è un documento XML (in modo cross browser)
- 17. Come posso determinare in modo affidabile se un browser supporta eventi di passaggio del mouse?
- 18. Come verificare, se è supportato un input HTML5?
- 19. Verificare se un client certificat è installato nel browser client
- 20. Determinare se il browser supporta l'autenticazione di Windows
- 21. Come verificare se le richieste HTTP sono aperte nel browser?
- 22. Come verificare se il valore css è supportato dal browser?
- 23. Come verificare se il caching del browser è disabilitato
- 24. Come faccio a verificare se una variabile è un oggetto jQuery o un elemento DOM semplice?
- 25. Come fa un browser a sapere se un sito supporta HTTP/2?
- 26. Come rilevare se un compilatore supporta static_assert?
- 27. Rileva se il browser supporta la posizione: fisso
- 28. È possibile rilevare JavaScript se il browser dell'utente supporta gzip?
- 29. Come posso verificare l'effettivo supporto touch su un browser
- 30. Come verificare l'uguaglianza DOM con jQuery?
Poiché si esegue il codice prima che il resto della pagina venga caricato, bloccando tutto finché il codice non è terminato, creare un elemento, controllarlo, rimuoverlo, continuare. – Nit