Share
Edge este noul browser web al Microsoft care are un nou motor de redare - EdgeHTML - și un sistem de operare care se bazează pe Windows 10. Deoarece upgrade-urile de la Windows 7, 8 și 8.1 vor fi gratuite pentru majoritatea utilizatorilor, vă puteți aștepta la un uriaș aflux de utilizatori Edge care lovesc site- în următoarele luni.
Edge este o abatere de la trecut, de fapt o rescriere completa din versiunile anterioare ale Internet Explorer, si sunt sigur ca multe companii web vor primi acest lucru. Având în vedere acest lucru, am vrut să împărtășesc cinci moduri în care vă puteți pregăti site-ul pentru interoperabilitatea web modernă și, de asemenea, să testați pentru Microsoft Edge în paralel.
Bibliotecile obișnuite, cum ar fi jQuery, sunt adesea actualizate pentru a rezolva erorile atunci când sunt lansate versiuni noi de browser. Prin actualizarea pur și simplu a cadrelor JS, puteți evita multe bug-uri de compatibilitate cu Edge.
În cercetarea noastră internă am constatat că 57% din primele 20.000 de site-uri folosesc cadre JavaScript care au probleme care au fost rezolvate în versiuni mai noi ale aceleiași biblioteci. Puteți utiliza scanerul site-ului pentru a determina dacă utilizați cadre JavaScript excluse pe site-urile dvs..
Prefixele CSS sunt utilizate de furnizorii de browsere pentru a implementa noi caracteristici CSS emergente înainte ca acestea să fie pe deplin ratificate de W3C. Dacă un furnizor implementează un prefix CSS, acesta va arăta mai degrabă ca exemplul de mai jos (aceasta este o implementare specifică IE a funcției "cratițe" pentru despărțirea textului pe mai multe linii):
-ms-cratime: auto;
Este foarte frecvent ca site-urile să nu aibă prefixe specifice pentru furnizori sau au implementat prefixe specifice furnizorilor atunci când nu sunt necesare în proprietățile CSS comune. Acest lucru poate cauza ca o pagină Web să fie afișată incorect în Microsoft Edge sau în alte browsere moderne.
Furnizorii de servicii de browser folosesc prefixe mult mai puțin acum din cauza problemelor de gestionare asociate cu acestea. Unele browsere, inclusiv Microsoft Edge, rareori dacă folosesc vreodată prefixe.
Dacă este posibil, evitați utilizarea prefixelor specifice furnizorilor. Cu toate acestea, dacă trebuie să utilizați absolut prefixele furnizorilor, utilizați Grunt PostCSS pentru a automatiza gestionarea prefixelor din cadrul CSS.
Unele pagini web utilizează tehnici de detectare a browserului pentru a determina modul în care pagina Web ar trebui să fie redată în mai multe versiuni diferite de browsere. Vă recomandăm să utilizați detectarea funcțiilor, o practică care determină mai întâi dacă un browser sau un dispozitiv acceptă o caracteristică specifică și apoi alege cea mai bună experiență pe care să o facă în baza acestor informații.
Detecția elementelor este o alternativă excelentă pentru detectarea browserului și este folosită în mod obișnuit prin bibliotecile populare JavaScript cum ar fi Modernizr sau prin codul de detectare a caracteristicilor. Detectarea elementelor este adesea folosită cu Polyfills pentru a implementa funcții moderne în browserele mai vechi care nu le suportă nativ.
Pentru mai multe detalii despre cum să utilizați Modernizr, Polyfills și alte tehnici de compatibilitate, consultați articolul lui Martin Kearn "Tune, modernizați și optimizați site-ul dvs.".
Edge nu acceptă pluginuri, deci este un moment potrivit să vă gândiți cum să vă îndepărtați de pluginurile de proprietate precum Flash și Silverlight. Edge suportă Flash, dar mai degrabă decât folosind o arhitectură a pluginurilor, Flash este livrat împreună cu browserul și este actualizat și patch-ul central de către echipa Edge în colaborare cu Adobe.
Pentru unele site-uri, deplasarea departe de plugin-uri este destul de simplă. Cu toate acestea, multe site-uri vor găsi acest lucru dificil, în special cele care furnizează conținut media. Echipa Edge a oferit îndrumări cu privire la modul în care puteți trece la codul HTML pentru conținut premium pe blogul Edge.
În cazul în care directiva lipsește sau nu specifică un tip de document bazat pe standarde, Edge poate afișa incorect pagina dvs. Scanerul execută un test simplu pentru a determina dacă site-ul dvs. este configurat corect, astfel că introduceți adresa URL a site-ului dvs. și aflați rapid dacă trece. Dacă doriți să vedeți cum arată testul real, puteți vedea codul scanerului pe GitHub.
Acest articol face parte din seria de dezvoltări web de la evangheliștii tehnici Microsoft privind învățarea JavaScript practică, proiectele open source și cele mai bune practici de interoperabilitate, inclusiv browserul Microsoft Edge și noul motor de randare EdgeHTML.
Vă încurajăm să testați printre browsere și dispozitive, inclusiv Microsoft Edge - browserul implicit pentru Windows 10 - cu instrumente gratuite pe dev.modern.IE:
Învățarea tehnică în profunzime pe Microsoft Edge și Platforma Web de la inginerii și evangheliștii noștri:
Mai multe instrumente și resurse gratuite cross-platform pentru Platforma web:
Accentsconagua