Webhely létrehozása

A webhelyek keresztböngésző-kompatibilitása - ugyanaz a megjelenítés minden böngészőben vagy másban?
Mit válasszon?

Az oldal létrehozásával borisov-quality.com. Természetesen arra gondolok, hogy a webhely minden böngészőben megegyezik.

Tegyük fel például megfelelő böngészőkben, például a Google Chrome-ban. Mozilla FireFox. Opera. Safari. így van - a helyszín azonos vagy közel azonos. Természetesen a böngészők legújabb verzióiról beszélek. Mivel általában ezek a böngészők felhasználói frissítik őket sokkal gyakrabban, mint nem frissítik.

Nos, mi a helyzet az MS Internet Explorer programmal? Próbáljuk megérteni.

Modern böngészők Google Chrome. Mozilla FireFox. Opera. Safari, Internet Explorer 10

Először is, fogadok a borisov-quality.com oldal vizuális hatására. A webhely szinte minden eleme animált. Erről írtam az előző bejegyzésben.

Az összes fent említett böngészőben a webhely megjelenése majdnem megegyezik. Vannak igazság kivételek. Például egy címke

Ezért a böngésző kompatibilitása kiváló, ha ezt mondhatom.

Különben megjelölem a Safari 4-et. Megmutatja a webhely verzióját a kezdeti animáció nélkül. Erről az alábbiakban.

MS Internet Explorer 9 böngésző

Hát igen. Úgy tűnik, hogy a Microsoft olyan böngészőt készített, amely versenyezhet más modern böngészőkkel. És CSS3 támogatás. és HTML5. Igen, itt van egy fogás. Ők tették, megcsinálták, és nem fejezték be. A címke lejátszó mérete

Tovább. Az animációhoz a jQuery.Transit jQuery bővítményt használom. amely nem működik az Internet Explorer-en a 9-es verzióig. Emiatt a webhely kezdeti animációja valójában hiányzik. Ie Sima átmenetek helyett ugrások jelentkeznek. Nos, rendben. Ezzel lemondtam magamról. Remélem, hogy a webes fejlesztők (vagy azok, akik szeretnének válni) weboldalak a megfelelő böngészőket használják.

Más szempontból a webhely közel azonos a többi modern böngészővel. Keresztböngésző kompatibilitás jelen van.

Böngészők MS Internet Explorer 7, 8

Az animáció nem ugyanaz, mint a megfelelő böngészőkben. Pontosabban, nem, mert ezek a böngészők. Ez így van! A jQuery.Transit plugin nem támogatja.

A keresztböngésző oldal ebben az esetben "alacsony", úgymond. Ie csak a telepített webhely megjelenése pontosan ugyanaz. De a kerek gomb be / ki. animáció, CSS3 - nem.

Általában őszinte, időben, amikor az IE5.5 kijött. A Microsoft "lóháton" volt a szűrőivel. Ők voltak az elsőek, akik átláthatóságot, árnyékot, gradienseket és még sok másat kínáltak. Ezután nem volt standard CSS3. De a webmesterek nem siettek, hogy a webhelyek szűrőket használjanak, mert voltak más böngészők is, mint például a Netscape Navigator, amelyek nem támogatták ezeket a szűrőket. Van egy másik oka is: a szűrők maguk is sok PC erőforrást fogyasztottak, ami természetesen nemcsak a böngésző, hanem a számítógép egészét is érintette.

Tehát most már szinte nincs szükség a szűrőkre. Különösen az IE10 kiadásával. És hamarosan a böngésző-kompatibilitással töltött idő kevesebb lesz, mint most.

A webhely két verziója: a modern és a régi böngészők számára

A böngésző kompatibilitásának biztosítása érdekében. Úgy döntöttem, hogy megyek a másik irányba. Különbözővé teszi a webhelyet különböző böngészők számára. Éppen ellenkezőleg, a kereszthívó.

Másodszor, a böngésző és annak verziójának meghatározása után, az eredménytől függően az alábbi funkciók valamelyikét hajtja végre:

  • A modern böngészők (Chrome (webkit), Firefox (Mozilla), Opera, Safari (webkit), IE9 (msie), IE10 (msie)). A funkció eredményeként a borisov-quality.com webhely teljes verziója betölti az összes funkciót (kezdeti animáció, gombok, hangok, árnyékok stb.);
  • Az elavult böngészők (IE6, IE7, IE8, Safari 4 és később, minden más böngésző, amelyet a jQuery.Transit plugin nem támogat). A funkció eredményeként a webhelynek egy kicsit csökkentett funkcionalitással rendelkező verziója van betöltve (nincs kezdeti animáció, CSS3-árnyékok, hangok). A böngészőtől függően van valami a webhelyen, de valami nem. Például a Safari 4-ben - vannak árnyékok és objektumok animációja, de nincsenek hangok. Az IE7-ben. IE8 - az egyszerű navigáción és használhatóságon kívül semmi sem létezik. Az IE6 esetében pedig az oldal egy újabb modern böngészőt tölt le, amely meghatározza a feltöltéshez szükséges linkeket.

A böngészők gyorsasága és teljesítménye

A különböző böngészőkben lévő új, erőteljes PC-k esetében a borisov-quality.com webhely ugyanilyen gyorsan működik, és a szkriptek simán végrehajtódnak.

Vegyünk például egy Atom processzorral ellátott nettopot és egy vagy két koncert RAM-ot, és ha bármelyik böngészőben megnyit egy oldalt, azonnal észre fogod venni, hogy az animáció lelassul. Ez különösen a Firefoxban észrevehető. Opera és IE.

A Chrome pedig helyesen rendezheti a processzor szálakat, és az oldal nem lassítja még a gyenge számítógépeket sem.

Ezen a webhelyen a borisov-quality.com azonnal megjeleníti az üzenetet.

Tehát a böngésző kompatibilitása és a webhely teljesítményének rendezése. Tovább mennünk.

Értékelje az anyagot:

Kapcsolódó cikkek