Cum funcționează browserele cu pagini Web și de ce nu apar vreodată aceleași?

Pe măsură ce răsfoiți pe web, nu este neobișnuit să veniți pe site-uri care arată diferit de la un dispozitiv la altul. Poate că unele caracteristici nu funcționează deloc.

Adesea, aceasta nu este o problemă cu site-ul web. Este browserul tău. Cele cinci browsere desktop principale utilizează patru tipuri diferite “redarea motoarelor” pentru a afișa o pagină web - noul browser Microsoft Edge Microsoft primește Edge, 1 miliarde de dispozitive care rulează Windows 10, și mai mult ... [Tech News Digest] Microsoft primește marginea, 1 miliarde de dispozitive care rulează Windows 10 și mai mult ... [Tech News Digest ] Microsoft are Edge, Windows 10 este imens, Secretul se închide, încorporează jocurile MS-DOS în tweets, face bani de la Silent Hills și urmărește Michael Bay să fie arătat de un regizor amator. Citește mai mult pentru Windows 10 va introduce o cincime - și fiecare funcționează diferit.

Aceasta înseamnă că experiența dvs. pe web se poate schimba în funcție de browserul pe care îl utilizați și chiar de versiunea browserului respectiv.

Ce este un motor de redare??

O pagină web nu este o singură entitate care este descărcată și afișată pe ecran câte un pixel la un moment dat. În schimb, este în esență o serie de instrucțiuni scrise în diferite tipuri de cod - HTML, CSS, JavaScript Ce este JavaScript și poate exista Internetul fără ea? Ce este JavaScript, și poate exista Internetul fără ea? JavaScript este unul dintre acele lucruri pe care mulți le consideră necesare. Toată lumea o folosește. Citește mai mult, PHP și altele - care spun browserului ce să facă și unde și cum să facă.

Fiecare browser utilizează un motor de randare, uneori denumit și un motor de aspect, pentru a prelua conținutul și informațiile de stil conținute în cod și a le afișa pe ecran în forma sa complet formatată.

Problema este că nu există un singur motor de randare utilizat în fiecare browser. În timp ce fiecare limbă este definită printr-o specificație detaliată, motorul poate oferi doar o interpretare a acelei specificații.

Cu CSS (codul care furnizează informațiile despre stil CSSmatic: CSSmatic: Creează rapid și convenabil foile de stil CSS3 prin intermediul mai multor instrumente online CSSmatic: Creează rapid și convenabil foile de stil CSS3 prin intermediul mai multor instrumente online Citiți mai mult) în special, niciun motor nu va produce exact aceleași rezultate. Uneori, diferențele se pot ridica numai la pixelul ciudat, ne-aliniat, aici sau acolo, dar uneori pot fi mai radical diferite.

Ce browsere folosesc ce motoare

Există patru motoare principale de redare pe care le utilizează cele mai populare browsere.

• WebKit: un motor cu sursă deschisă folosit de Safari pe OS X Ultimul ghid pentru personalizarea Safari pe Mac Ghidul final pentru personalizarea Safari pe Mac Personalizați Safari. De la adăugarea faviconilor la filele dvs. pentru a schimba modul în care arată modul Reader, browserul web al Apple este mult mai flexibil decât credeți. Read More și iOS, precum și multe alte browsere de pe dispozitive mobile, inclusiv browserul nativ Android;
• Intermitent: un motor cu sursă deschisă bazat pe WebKit, care permite Chrome, Opera, Amazon Silk și WebView Android (browserul care se deschide în cadrul aplicațiilor);
• Gecko: un motor open source dezvoltat de Mozilla Foundation, este folosit de Firefox;
• Trident: un motor proprietar dezvoltat de Microsoft și folosit în Internet Explorer. Browserul Microsoft Edge va folosi o versiune mai nouă numită EdgeHTML.

Standardele Web

Diferența dintre diferitele motoare de randare este mult mai mică decât era atunci când Internet Explorer era browserul dominant Este Internet Explorer o mare revenire în 2015? Este Internet Explorer o mare revenire în 2015? Microsoft nu mai trebuie să ofere utilizatorilor de Windows Windows o gamă de browsere. În plus, Microsoft lucrează la un nou browser. Cu toate acestea, vă vom arăta cum să instalați browserul dvs. preferat fără să atingeți IE. Citeste mai mult .

Teste cum ar fi acid3 arată cât de precis un browser redă o pagină, iar cele mai multe browsere moderne sunt foarte bune. Totuși, respectarea standardelor este o sarcină extrem de complexă.

Specificațiile pentru HTML, CSS și altele sunt uriașe. Se adaugă elemente noi; mai vechi, nefolosite sau depășite. Poate dura mult timp pentru ca motoarele de randare să reflecte aceste schimbări.

Unele elemente din specificațiile HTML5 și CSS nu sunt încă acceptate de niciun browser principal, unele acceptate parțial, în timp ce altele sunt încă acceptate de anumite browsere, dar nu toate.

Site-ul html5test.com vă permite să testați browserul dvs. și versiunea specifică pe care o executați, pentru a vedea cât de bine suportă atât funcțiile oficiale cât și cele experimentale ale HTML5. În momentul în care scrieți, Chrome se situează ca cel mai bun dintre browserele majore Care browser Web este cel mai sigur? Care browser Web este cel mai sigur? Care browser este cel mai sigur? Care ar trebui să instalați pentru a vă asigura că experiența dvs. de navigare este sigură? Ce puteți face pentru a vă asigura că browserul dvs. existent este cât se poate de sigur? Citește mai mult, cu cel mai mic clasament pe Internet Explorer (v11).

Dacă un dezvoltator web folosește o funcție care este acceptată într-un singur browser, dar nu în altul, browserul neacceptat trebuie fie să se stabilească pe un echivalent apropiat, fie să ignore caracteristica în totalitate (de exemplu, o casetă transparentă ar putea fi interpretată ca netransparentă).

Acest lucru face munca de randare pagini web mult mai complexe decât pare. Un browser care este actualizat mai frecvent este probabil să fie compatibil cu mai multe standarde decât unul care nu este, așa cum este evidențiat de actualizările regulate automate pentru Chrome, comparativ cu actualizările mult mai rare IE.

Și există și alți factori în joc.

• Bugs în motor: Un motor de randare este software, iar tot software-ul conține bug-uri. Deși bug-urile critice vor fi găsite și eliminate rapid, este imposibil să se garanteze că o combinație specifică de cod dintr-o pagină web nu va produce rezultate neașteptate atunci când sunt redate
• Bugs în pagina web: Browserele au un anumit nivel de toleranță la eroare, dar acestea vor diferi de la un motor la altul. O pagină web care conține erori în cod poate continua să funcționeze perfect într-un singur browser, dar poate fi spart oribil în altul
• Fonturi: Modul în care sunt afișate fonturile nu este gestionat de browser, ci de sistemul de operare. Windows și OS X diferă fonturile în mod diferit Cum se fac ferestrele Windows să arate ca și fonturile de tip Mac Cum se fac ferestrele Windows să arate ca fonele Macs Bomboanele de ochi nu sunt un forte Windows. Modern UI (aka Metro) a adus îmbunătățiri, dar încă lipsește într-o zonă importantă: fonturi. Vă vom arăta cum puteți obține o nivelare excelentă a fonturilor pe Windows. Citește mai mult, deci chiar același font din același browser poate arăta diferit când este vizualizat pe diferite platforme
• Moştenire: Navigatorii vor adopta adesea caracteristici noi, în special pentru CSS, înainte ca acestea să devină parte a speciculelor oficiale. Dacă implementarea caracteristicii se modifică atunci când este adoptată, dezvoltatorul de browser trebuie să decidă dacă va adopta schimbarea și va rupe compatibilitatea cu mii de site-uri Web create pentru vechea versiune sau va ignora versiunea nouă
• Proprietăți caracteristice: Unele browsere pot utiliza tehnologii brevetate care nu sunt disponibile în altă parte. Acest lucru a fost cunoscut cel mai bine cu cadrul Microsoft ActiveX din Internet Explorer, deși compania nu o va folosi în noul browser Microsoft Edge

Învelire

Cu atâtea probleme implicate, nu este deloc surprinzător faptul că diferențele în modul în care browserele se ocupă de paginile web persistă.

Situația se îmbunătățește, dar este puțin probabil să fie rezolvată în întregime. Ar fi de ajutor dacă toată lumea ar fi rulat cea mai recentă versiune a browserului ales de ei, dar cu Internet Explorer 8 vechi de șase ani încă menține o cotă de piață de 4,5 la sută, că este departe de.

Ce browser folosiți și îl păstrați actualizat? Ați găsit site-uri web care nu funcționează în browserul ales? Spuneți-ne în comentariile.

Credite imagine: dispozitive prin Jeremy Keith, browser neacceptat prin Duncan Hill

Explorați mai multe despre: Google Chrome, Internet Explorer, Safari Browser, Dezvoltare Web.