Crearea de site-uri web

Compatibilitatea încrucișată între site-uri - aceeași afișare în toate browserele sau diferite?
Ce sa alegi?

Prin crearea site-ului borisov-quality.com. Desigur, mă gândesc să fac site-ul să apară același în toate browserele.







Să spunem, în browsere adecvate, cum ar fi Google Chrome. Mozilla FireFox. Opera. Safari. astfel încât este - site-ul este afișat identic sau aproape la fel. Firește, vorbesc despre ultimele versiuni ale acestor browsere. Din moment ce utilizatorii acestor browsere le actualizează mult mai des decât nu se actualizează.

Ei bine, ce zici cu MS Internet Explorer. Să încercăm să înțelegem.

Browsere moderne Google Chrome. Mozilla FireFox. Opera. Safari, Internet Explorer 10

Mai întâi de toate, pun un pariu pe efectul vizual al site-ului borisov-quality.com. Aproape toate elementele site-ului sunt animate. Am scris despre asta în postul anterior.

Afișarea site-ului în toate browserele menționate mai sus este aproape aceeași. Există excepții de adevăr. De exemplu, o etichetă

Prin urmare, compatibilitatea cu browserele încrucișate este excelentă, dacă aș putea spune acest lucru.

În mod separat, voi marca Safari 4. Aceasta arată versiunea site-ului fără animația inițială. Despre puțin mai jos.

Browserul MS Internet Explorer 9

Ei bine, atunci. Se pare că Microsoft a creat un browser care poate concura cu alte browsere moderne. Și suport CSS3. și HTML5. Da, iată o captură. Ei au făcut-o, au făcut-o și nu au terminat-o. Dimensiunea player-ului de tag-uri

Mai departe. Pentru animație, folosesc jQuery.Transit plugin-ul jQuery. care nu funcționează în Internet Explorer până la versiunea 9 inclusiv. Din acest motiv, animația inițială a site-ului lipsește. Ie În loc de tranziții netede, apar salturi. Ei bine, bine. Cu asta m-am resemnat. Sper că dezvoltatorii web (sau cei care doresc să devină) utilizează browserele potrivite.







În alte privințe, site-ul arată aproape la fel ca în alte browsere moderne. Compatibilitatea cu browser-ul este prezentă.

Browsere MS Internet Explorer 7, 8

Animația nu este, de asemenea, aceeași ca și în browserele corecte. Mai exact, nu este, pentru că aceste browsere. Așa este! Nu este acceptat de pluginul jQuery.Transit.

Site-ul browserului încrucișat este, în acest caz, "scăzut", ca să spunem așa. Ie numai aspectul site-ului desfășurat este exact același. Dar butonul rotund On / Off. animație, CSS3 - nu.

În general, sincer, în timp util, când a ieșit IE5.5. Microsoft era "pe căi" cu filtrele sale. Ele au fost primele care oferă transparență, umbre, declivități și multe altele. Apoi nu a existat niciun CSS3 standard. Dar webmasterii nu s-au grăbit să facă site-uri folosind filtre, deoarece au existat și alte browsere, cum ar fi Netscape Navigator, care nu acceptă aceste filtre. Există și un alt motiv: filtrele la rândul lor au consumat o mulțime de resurse PC, care, firește, au afectat performanța generală nu numai a browserului, ci și a calculatorului în ansamblu.

Deci acum filtrele nu sunt aproape necesare. Mai ales cu lansarea lui IE10. Și, în curând, să-și petreacă timpul pe compatibilitatea cu browser-ul încrucișat va avea mai puțin decât acum.

Două versiuni ale site-ului: pentru browsere moderne și vechi

Pentru a asigura compatibilitatea cu browserul încrucișat. Am decis să merg în altă parte. Faceți site-ul diferit pentru diferite browsere în mod special. De exemplu, crossbrowser.

În al doilea rând, după determinarea browserului și a versiunii sale, în funcție de rezultat, se efectuează una dintre următoarele funcții:

  • Pentru browserele moderne (Chrome (WebKit). Firefox (Mozilla). Opera. Safari (WebKit). IE9 (MSIE). IE10 (MSIE)). Ca rezultat al funcției, o versiune completă a site-ului borisov-quality.com este încărcată cu toate funcționalitățile (animație inițială, butoane, sunete, umbre etc.);
  • Pentru browserele mai vechi (IE6. IE7. IE8. Safari 4 și mai jos, toate celelalte browsere care nu sunt acceptate de către plugin jQuery.Transit). Ca urmare a funcției, este încărcată o versiune a site-ului cu o funcționalitate ușor redusă (nu există animație inițială, umbre CSS3, sunete). În funcție de browser, există ceva pe site, dar nu ceva. De exemplu, în Safari 4 - există umbre și animație de obiecte, dar nu există sunete. În IE7. IE8 - nu există nimic dincolo de simpla navigare și utilizare. Și pentru IE6, site-ul oferă pentru a descărca un nou browser modern, specificând linkurile pentru încărcare.

Viteza și performanța browserelor

Pentru noile PC-uri puternice în diferite browsere, site-ul borisov-quality.com funcționează la fel de rapid și scripturile sunt executate fără probleme.

Dar aici ne luăm, de exemplu, un nettop cu Atom procesor de etil și unul sau două concerte de RAM, și dacă deschideți site-ul în orice browser, veți observa imediat ce animația încetinește. Acest lucru este deosebit de vizibil în Firefox. Opera și IE.

La rândul său, Chrome poate aloca în mod corect firele procesorului, iar site-ul nu va încetini chiar și pe computerele slabe.

Pe acest site, borisov-quality.com afișează, de asemenea, un mesaj imediat după descărcare.

Deci, cu compatibilitatea încrucișată a browser-ului și performanța site-ului. Mergem mai departe.

Evaluați materialul:







Articole similare

Trimiteți-le prietenilor: