Share
Edge è il nuovo browser Web di Microsoft con un nuovo motore di rendering, EdgeHTML e un sistema operativo sottostante per l'avvio in Windows 10. Poiché gli aggiornamenti da Windows 7, 8 e 8.1 saranno gratuiti per la maggior parte, ci si può aspettare un enorme afflusso di utenti Edge che colpiscono siti nei prossimi mesi.
Edge è un allontanamento dal passato, in realtà una completa riscrittura dalle versioni precedenti di Internet Explorer, e sono sicuro che molti sviluppatori del web lo apprezzeranno. Con questo in mente, ho voluto condividere cinque modi in cui è possibile preparare il sito per la moderna interoperabilità web e anche testare per Microsoft Edge in parallelo.
Le librerie comuni come jQuery vengono spesso aggiornate per risolvere i bug quando vengono rilasciate nuove versioni del browser. Semplicemente aggiornando i tuoi framework JS, puoi evitare molti bug di compatibilità con Edge.
Nella nostra ricerca interna abbiamo rilevato che il 57% dei primi 20.000 siti utilizza framework JavaScript con problemi risolti in versioni più recenti della stessa libreria. È possibile utilizzare lo scanner del sito per determinare se si stanno utilizzando framework JavaScript obsoleti sui propri siti.
I prefissi CSS sono utilizzati dai produttori di browser per implementare nuove funzionalità CSS emergenti prima che siano state completamente ratificate dal W3C. Se un venditore implementa un prefisso CSS, avrà un aspetto simile all'esempio seguente (questa è un'implementazione specifica IE della funzione 'hyphens' per sillabare il testo su più righe):
-ms-hyphens: auto;
È molto comune che i siti manchino prefissi specifici del fornitore o che abbiano implementato prefissi specifici del fornitore quando non sono richiesti nelle comuni proprietà CSS. Ciò potrebbe causare il rendering non corretto di una pagina Web in Microsoft Edge o in altri browser moderni.
I fornitori di browser utilizzano i prefissi molto meno ora a causa dei problemi di gestione associati. Alcuni browser, incluso Microsoft Edge, usano raramente, se non mai, prefissi.
Ove possibile, evitare l'uso di prefissi specifici del fornitore. Tuttavia, se devi assolutamente usare i prefissi dei fornitori, usa Grunt PostCSS per automatizzare la gestione dei prefissi all'interno del tuo CSS.
Alcune pagine Web utilizzano tecniche di rilevamento del browser per determinare il modo in cui la pagina web deve essere visualizzata su più versioni di browser. Ti consigliamo di utilizzare il rilevamento delle funzioni, una pratica che determina innanzitutto se un browser o un dispositivo supporta una funzione specifica e quindi sceglie la migliore esperienza di rendering basata su queste informazioni.
Il rilevamento delle funzioni è un'ottima alternativa al rilevamento dei browser e viene comunemente utilizzato tramite le librerie JavaScript più popolari come Modernizr o tramite il codice di rilevamento delle funzioni. Il rilevamento delle funzioni viene spesso utilizzato con Polyfill per implementare le funzionalità moderne nei browser meno recenti che non li supportano in modo nativo.
Per ulteriori dettagli su come utilizzare Modernizr, Polyfills e altre tecniche di compatibilità, consultare l'articolo di Martin Kearn 'Tune, modernizzare e ottimizzare il tuo sito web'.
Edge non supporta i plugin, quindi è un buon momento per considerare come spostarsi da plug-in proprietari come Flash e Silverlight. Edge supporta Flash, ma piuttosto che utilizzare un'architettura di plugin, Flash viene fornito con il browser e viene aggiornato e aggiornato centralmente dal team Edge in collaborazione con Adobe..
Per alcuni siti, allontanarsi dai plug-in è piuttosto semplice. Tuttavia, molti siti troveranno questo difficile, in particolare quelli che offrono contenuti multimediali. Il team di Edge ha fornito indicazioni su come passare all'HTML per contenuti premium su Edge Blog.
Se la la direttiva manca o non specifica un tipo di documento basato su standard, Edge potrebbe visualizzare in modo errato la pagina. Lo scanner esegue un semplice test per determinare se il tuo sito è impostato correttamente, quindi inserisci l'URL del tuo sito e scoprilo rapidamente se passa. Se vuoi vedere come si presenta il test, puoi visualizzare il codice per lo scanner su GitHub.
Questo articolo fa parte della serie di sviluppo web di Microsoft tech evangelist sull'apprendimento pratico di JavaScript, i progetti open source e le migliori pratiche di interoperabilità, tra cui il browser Microsoft Edge e il nuovo motore di rendering EdgeHTML.
Ti invitiamo a testare su browser e dispositivi tra cui Microsoft Edge, il browser predefinito per Windows 10, con strumenti gratuiti su dev.modern.IE:
Apprendimento tecnologico approfondito su Microsoft Edge e la piattaforma Web dei nostri ingegneri ed evangelisti:
Più strumenti e risorse multipiattaforma gratuiti per la piattaforma Web:
Accentsconagua