Share
Browserele sunt ferestrele prin care lumea văd munca noastră, așa că este înțelept să le acordăm atenție și să le înțelegem. Din păcate, browserele și tehnologia web se pot schimba într-un ritm rapid - acest articol vă va aduce la zi și vă va prezenta un instantaneu al pieței browserului așa cum există chiar acum.
Oricât de mult ar putea să stârnească în legătură cu acest lucru, tratarea numeroaselor quirks și neconcordanțe care există între browsere este o necesitate în viața de zi cu zi a designerilor web și a dezvoltatorilor. Această problemă particulară a existat de ceva timp și este probabil că va continua și pentru mulți ani care vor veni. Prin urmare, este esențial ca designerii web și dezvoltatorii să rămână la curent cu cele mai recente dezvoltări ale browserului pentru a produce cele mai eficiente site-uri web.
Poate fi dificil să ții pasul cu situația actuală a browserelor. Există cinci browsere majore, fiecare dintre ele având mai multe versiuni împreună cu actualizări frecvente. Adăugați acest lucru la faptul că toate au niveluri diferite de suport pentru diferitele caracteristici ale CSS3 și HTML5 și că toate acestea pot deveni puțin copleșitoare. Acest articol va încerca să stabilească starea pieței browser-ului așa cum se află acum. Să începem.
Imaginea de mai jos prezintă numerele versiunii curente a fiecăruia dintre cele cinci browsere majore în momentul redactării. Este posibil să observați că browserul cel mai tânăr, Google Chrome, are un număr de versiune mult mai mare decât Internet Explorer, care a fost mult mai îndelungat. Acest lucru este valabil până la ciclul de lansare de șase săptămâni al Google, care actualizează numărul de browser și numărul versiunii de fiecare dată. În contrast, avem actualizările tradiționale lent din Internet Explorer, care au așteptat cinci ani înainte de actualizarea de la IE6 la IE7.
Totuși, Microsoft înregistrează ritmul lansării cu cele mai recente versiuni ale IE. Au trecut doar doi ani între IE8 și IE9, iar Microsoft a anunțat oficial IE10 doar o lună după eliberarea IE9. Firefox a urmat exemplul, implementând, de asemenea, un ciclu de eliberare de șase săptămâni, și chiar vorbește despre faptul că este redus la fiecare cinci săptămâni.
Au existat critici la adresa unor versiuni de versiuni scurte. Unii au sugerat că, cu puține până la nici o actualizare de caracteristici majore între versiuni, este randarea numere de versiune irelevante. De asemenea, au fost făcute revendicări care nu permit suficient timp pentru ca erorile și erorile să fie eliminate înainte de lansare.
Din perspectiva designerilor web și a dezvoltatorilor, ciclurile de eliberare mai rapide ar trebui, în general, să fie un lucru bun. IE6 a fost permis să stagneze și a combinat cu cota sa de piață imensă a acționat ca o piatră de moarte pentru comunitatea de design web. Browserele moderne concurează între ele pentru a oferi suport pentru tehnologiile web emergente. Cele mai recente caracteristici ale HTML5 și CSS3 pot fi adoptate și implementate mai rapid, grăbindu-se progresul spre standardizare completă.
Este întotdeauna interesant să verificați cele mai recente statistici de utilizare a browserului, dacă doar pentru a vedea dacă IE6 a dispărut în cele din urmă (încă nu, din păcate). Aflarea modului în care utilizatorii vizualizează de fapt web-ul poate fi foarte informativă. Cu toate acestea, diferite surse de informații pot picta imagini foarte diferite ale situației actuale. De exemplu, să aruncăm o privire asupra datelor de utilizare a browserului din două surse diferite.
 |  |  |  |  | |
| W3Schools | 38,7% | 4,2% | 32,3% | 21,7% | 2,4% |
| StatCounter | 26.39% | 5,93% | 25% | 40.18% | 1,81% |
Numerele reprezintă datele colectate pentru luna octombrie 2011 (cifrele din noiembrie nu sunt încă disponibile din motive evidente). Statisticile de la W3Schools ar putea să ne creadă că toate versiunile de IE reprezintă doar 21,7% din toată utilizarea browserului, mai mică decât atât pentru Chrome, cât și pentru Firefox. Comparați acest lucru cu datele de la StatCounter, ceea ce sugerează că Internet Explorer comanda încă majoritatea acțiunilor la peste 40%.
Problema este că natura unui site web va schimba adesea rezultatele într-o oarecare măsură. Ia acest site de exemplu, utilizatorii sunt (sperăm) destul de web-savvy și va fi, probabil, folosind un browser recent, actualizat, modern. Acesta este același caz cu cifrele de la școlile W3S, deoarece sursa cifrelor lor este propriile fișiere de jurnal. Ei subliniază acest lucru:
W3Schools este un site web pentru persoanele interesate de tehnologiile web. Acești oameni sunt mai interesați să utilizeze browsere alternative decât utilizatorul mediu. Utilizatorul mediu tinde spre browserul care este preinstalat cu computerul și nu caută alte alternative de browser.
Merită să țineți cont de acest lucru atunci când consultați astfel de date. Statisticile derivate din analiza site-urilor proprii vor fi întotdeauna mai relevante și mai utile. În ciuda acestui fapt, statisticile globale se pot dovedi insightful, iar datele pot deseori să dezvăluie tendințele și modelele actuale. Următorul grafic, de la StatCounter, arată o utilizare a browserului proporțional în ultimul an:
Din graficul de mai sus rezultă că Chrome a câștigat teren semnificativ în ultimul an, în special în detrimentul Internet Explorer și Firefox, în timp ce atât Safari, cât și Opera au rămas la un nivel relativ constant. Deși Internet Explorer a pierdut teren, se pare că încă mai domnește ca browser cel mai folosit într-un fel.
Apoi, să aruncăm o privire la utilizarea versiunii browser globale a acestei luni (noiembrie 2011) până acum.
A fost menționată mai devreme în acest articol că dezvoltatorii de browsere par să vizeze cicluri de eliberare mai scurte, doar șase săptămâni în cazul Chrome și Firefox. În timp ce ciclurile de eliberare mai scurte par a fi o mișcare bună, ele sunt eficiente doar dacă utilizatorii aleg să facă upgrade la ultima versiune. Dacă absorbția este scăzută, ar putea lăsa utilizatorii să fie împrăștiați pe mai multe versiuni ale aceluiași browser, toate cu diferite niveluri de suport și caracteristici.
Chrome a rezolvat cea mai mare parte această problemă prin implementarea unei funcții de actualizare automată, fără permisiunea utilizatorului. Efectul acestei situații poate fi văzut pe graficul de mai sus. Cea mai recentă versiune a Chrome, de 15 ani, a fost lansată doar pe 25 octombrie, însă a înlocuit deja în totalitate Chrome 14.
Firefox nu este încă în stadiul de actualizări automate, dar totuși solicită foarte mult utilizatorului să facă upgrade la lansarea browserului. Firefox 8 a fost lansat la începutul acestei luni, dar deja un număr mare de utilizatori au trecut. Majoritatea utilizatorilor lor se află pe versiunea 7, dar rămâne un număr semnificativ încă folosind 3.6, lansat cu aproape doi ani în urmă. Mozilla intenționează să pună în aplicare versiuni silent-updates cu versiunea 10 a Firefox.
... făcând IE9 incompatibil cu Windows XP, cel mai folosit sistem de operare din lume.
Din nefericire, Internet Explorer a avut întotdeauna probleme mari de a le face pe utilizatori să se actualizeze. Internet Explorer 9 a fost disponibil de ceva timp, dar cantități bune de utilizatori rămân în continuare pe versiunile 8, 7 și chiar 6. Microsoft nu pare să ajute situația însă, făcând IE9 incompatibil cu Windows XP, cel mai folosit sistem de operare. Această politică va continua și cu IE10, care va necesita Windows 7 și mai sus.
Numărul mare de persoane care utilizează în continuare IE8 poate fi un motiv de îngrijorare pentru web designeri și dezvoltatori. Internet Explorer 8 rămâne cel mai utilizat browser, conform graficelor de mai sus, dar oferă foarte puțin sprijin pentru majoritatea funcțiilor CSS3 și HTML5. CSS3 și HTML5 sunt bine susținute printre cele mai recente browsere (după cum vom vedea mai jos), totuși popularitatea IE8 înseamnă că foile de stil și alternative vor fi în continuare necesare pentru viitorul previzibil.
Odata cu lansarea IE9 la inceputul acestui an, acum inseamna ca cele mai recente versiuni ale celor cinci browsere majore au cateva nivele de suport CSS3. În timp ce versiunile anterioare ale browserelor trebuie încă luate în considerare, acesta este un pas important în direcția bună și o veste bună pentru designerii web și dezvoltatori. Merită totuși să ne amintim că CSS3 este încă în curs de dezvoltare, iar diferite browsere au niveluri diferite de suport pentru diferite caracteristici ale CSS3. Unele caracteristici sunt bine acceptate, în timp ce altele nu sunt și este posibil să vi se solicite să folosiți prefixele furnizorilor, cum ar fi -moz-, -webkit- și -o-.
Să examinăm mai atent situația actuală a câtorva dintre caracteristicile cele mai populare ale CSS3.
În primul rând, există câteva elemente ale CSS3 care sunt foarte bine susținute. De exemplu, selectorii CSS3 au avut un nivel bun de sprijin pentru o perioadă și au devenit recent o recomandare oficială W3C acum că au fost implementate de toate browserele moderne.
Există, de asemenea, alte elemente ale CSS3 pe care le puteți simți destul de încrezător în utilizarea acum. Culorile CSS3, cum ar fi RGBA și HSLA, au fost primele elemente ale CSS3 pentru a deveni o recomandare oficială și sunt acceptate în toate browserele moderne. Iată câteva alte proprietăți CSS3 care sunt acceptate de toate browserele moderne.
| | | | | |
| Versiune | 8 | 5.1 | 15 | 9 | 11.5 |
| RGBA | ? | ? | ? | ? | ? |
| HSLA | ? | ? | ? | ? | ? |
| Multiple BG | ? | ? | ? | ? | ? |
| Border-radius | ? | ? | ? | ? | ? |
| Box-umbră | ? | ? | ? | ? | ? |
| Opacitate | ? | ? | ? | ? | ? |
| transformări | ? | ? | ? | ? | ? |
| Font-față | ? | ? | ? | ? | ? |
| Media-interogări | ? | ? | ? | ? | ? |
Desigur, există încă multe proprietăți ale CSS3 care nu sunt acceptate atât de mult. Deși IE9 de la Microsoft acceptă CSS3, ei încă se joacă de captură, deoarece nu acceptă multe dintre proprietățile pe care le-au făcut alte browsere de ceva timp. Se pare că lucrează la acestea cu toate acestea, cu multe alte proprietăți stabilite pentru a fi suportate în IE10. Iată un tabel care prezintă niveluri diferite de suport pentru alte proprietăți CSS3.
| | | | | |
| Versiune | 8 | 5.1 | 15 | 9 | 11.5 |
| Animații | ? | ? | ? | ? | ? |
| tranziţii | ? | ? | ? | ? | ? |
| reflecţii | ? | ? | ? | ? | ? |
| Transformări 3D | ? | ? | ? | ? | ? |
| Border-image | ? | ? | ? | ? | ? |
| Text-umbra | ? | ? | ? | ? | ? |
HTML5 se află în aceeași situație ca și CSS3, deoarece este încă în curs de dezvoltare și, prin urmare, are niveluri diferite de suport în cadrul browserelor. La fel ca și în cazul CSS3, există caracteristici care sunt universal acceptate, cum ar fi Canvas, în timp ce alte caracteristici lipsesc practic la orice suport.
Iată suportul de browser pentru o gamă de elemente HTML5.
| | | | | |
| Versiune | 8 | 5.1 | 15 | 9 | 11.5 |
| pânză | ? | ? | ? | ? | ? |
| SVG | ? | ? | ? | ? | ? |
| Stocare web | ? | ? | ? | ? | ? |
| Trage si lasa | ? | ? | ? | ? | ? |
| Atingere | ? | ? | ? | ? | ? |
| Web Workers | ? | ? | ? | ? | ? |
| Geo Location | ? | ? | ? | ? | ? |
| Conectori Web | ? | ? | ? | ? | ? |
| IndexDB | ? | ? | ? | ? | ? |
HTML5 audio și video a fost foarte anticipat și a fost mult discutat de la anunțul său. Unul dintre suporterii celui mai proeminent videoclip al lui HTML5 a fost Apple, pregătindu-se să renunțe la suportul pentru Flash și să-l transforme în playerul video pe care îl preferă pe toate dispozitivele mobile. Se pare că Apple a reușit, deoarece Adobe a anunțat foarte recent că oprește dezvoltarea Flash pentru dispozitivele mobile. Această mișcare deschide calea pentru susținerea și dezvoltarea în continuare a videoclipului HTML5.
Unele site-uri mari de difuzare a videoclipurilor au experimentat și video HTML5, inclusiv YouTube, Vimeo și DailyMotion. Acesta va fi un timp, cu toate acestea, înainte de un comutator complet se face pe orice site mare de partajare video. Unul dintre aspectele cheie care împiedică mișcarea în HTML5 a fost lipsa codecurilor audio și video standard. În prezent, nu există codecuri audio sau video care să fie acceptate de toate cele cinci browsere moderne.
Formularele HTML5 oferă câteva caracteristici interesante, precum validarea și noile tipuri de intrări. Suportul pentru aceste noi caracteristici de formular pare să difere destul de mult între browsere. Opera este lider de drum destul de departe, susținând aproape fiecare caracteristică nouă, în timp ce IE9 suportă aproape nici unul. Este demn de remarcat însă că multe dintre aceste caracteristici noi se degradează grațios în browserele mai vechi.
Au fost introduse în formularele HTML5 treisprezece tipuri noi de intrări, din păcate, în prezent, în jur de cinci persoane au sprijin semnificativ printre browsere.
| | | | | |
| Versiune | 8 | 5.1 | 15 | 9 | 11.5 |
| Căutare | ? | ? | ? | ? | ? |
| Telefon | ? | ? | ? | ? | ? |
| URL- | ? | ? | ? | ? | ? |
| Gamă | ? | ? | ? | ? | ? |
| ? | ? | ? | ? | ? |
Au fost introduse și multe atribute noi de formă, care par a fi mult mai bune în ceea ce privește sprijinul. Iată suportul pentru doar câteva dintre atributele formularului nou.
| | | | | |
| Versiune | 8 | 5.1 | 15 | 9 | 11.5 |
| Substitut | ? | ? | ? | ? | ? |
| Autofocalizarea | ? | ? | ? | ? | ? |
| Completare automată | ? | ? | ? | ? | ? |
| Listă | ? | ? | ? | ? | ? |
| Necesar | ? | ? | ? | ? | ? |
Validarea formularului HTML5 este o caracteristică foarte interesantă. În mod tradițional, validarea formularului de pe partea clientului a fost implementată utilizând Javascript, ceea ce poate cauza probleme în cazul în care utilizatorul a dezactivat Javascript. Validarea formularului HTML5 are potențialul de a înlocui validarea Javascript în browserele moderne atunci când este pe deplin operațională.
Din păcate, nu este încă în acest stadiu. Versiunile recente ale Chrome, Opera și Firefox acceptă validarea formularului HTML5. Safari 5 pe Windows, de asemenea, acceptă validarea HTML5, dar oarecum ciudat, nu este pe OSX.
În tot acest articol ne-am concentrat, în principal, pe browserele de desktop, dar, după cum știm cu toții, navigarea pe mobil câștigă o tracțiune serioasă. Din acest motiv, merită analizat tendințele și evoluțiile browserului mobil.
Graficul de mai sus arată statisticile de utilizare a browserului mobil pentru această lună (noiembrie 2011) până acum. Se pare că nu există un singur browser dominant, cu Android, iPhone și versiunea mobilă a Opera, fiecare având o cotă de piață foarte asemănătoare. Navigatoarele Nokia și Blackberry au, de asemenea, o sumă considerabilă de utilizatori.
În scopul acestui articol, ne vom concentra pe primele trei browsere mobile și vom oferi o imagine de ansamblu asupra fiecăruia.
Cu mai multe dispozitive mobile care aleg să utilizeze sistemul de operare Android, browserul Android și-a mărit lent cota de piață în ultimul an.
Browserul implicit Android se bazează pe motorul WebKit, același motor folosit atât de Chrome, cât și de Safari. După cum v-ați aștepta, acesta are un suport destul de bun pentru CSS3 și HTML5 începând cu versiunea 2.0. Versiunea 4.0 a Android (Ice Cream Sandwich) a inclus suport pentru funcții precum transformările 3D SVG și CSS3 3D pe browsere pentru smartphone-uri.
S-a sugerat că Google va înlocui browserul web încorporat Android cu browser-ul Chrome, din ce în ce mai popular, în versiunile viitoare ale sistemului de operare Android.
Una dintre cele mai mari caracteristici ale iPhone-ului a fost experiența de navigare oferită de Safari pentru iOS. Safari pe iOS 5 nu pare să fie diferit, cu funcții precum Lista de citire, Reader și navigarea mai rapidă pe web.
Safari pe iOS5 oferă unele dintre cele mai bune suporturi pentru HTML5 și CSS3 disponibile în prezent. Cea mai recentă versiune a îmbunătățit suportul pentru funcțiile HTML5, cum ar fi Web Workers și noile tipuri de intrări.
Am acoperit deja formularele HTML5 mai devreme în acest articol, dar se află pe iPhone unde aceste străluciți formează într-adevăr strălucirea. De fapt, iPhone modifică tastatura de pe ecran în raport cu tipul de intrare. Vă puteți aștepta la același lucru din noile tipuri de intrări acceptate, inclusiv data, luna și ora.
În timp ce Opera s-ar putea să nu facă prea strălucit în domeniul browserelor de birou, face acest lucru în forma sa mobilă. Unul dintre motivele pentru care Opera ar putea face atât de bine pe telefoane mobile este că este foarte rapid la încărcarea paginilor web. Opera folosește o caracteristică numită Turbo, care comprimă mai întâi site-urile web pe un server înainte de a le trimite în telefon, rezultând viteze de încărcare mult mai rapide.
Opera mobile este în prezent la versiunea 11 și la fel ca și partenerul său desktop și oferă suport excelent pentru CSS3 și HTML5.
După cum sa menționat la începutul acestui articol, evoluțiile browserului pot fi greu de ținut pasul, mai ales cu noile cicluri de eliberare mai scurte. Sper că acest articol vă oferă o imagine actualizată a situației, așa cum este acum. De asemenea, sper că se va dovedi un punct de referință util în viitor. Vă mulțumim pentru lectură :)
Accentsconagua