Ellenőrizd a honlapod különböző böngészőkön! Hogy melyiken és hogyan? Kattintás után megtudod. Böngészők és böngésző verziók statisztikai elemzése következik.
Ne kövesd el ugyanazt a hibát, amit a Kormányszóvivő.hu!
2008. június 20. (péntek) Lévai Richárd
A kormányszóvivő.hu a böngészők 20%-ában hibásan jelenik meg, összecsúsznak a szövegek, írja az RTL hírek.
Nem akarok itt beszálni a weboldal körül kirobbant vitában, hogy kell-e és reális-e a 200 milliós ár, ezt a bejegyzést azért írom, hogy tippet adjak, hogyan kerüljünk el egy hasonló hibát.
Nyilván a kulcsszó most is az ellenőrzés.
Ellenőrizd a weblapodat másik böngészőkben is!
Ez elég egyszerű gondolnánk, de aztán szépen fokozatosan kiderül, hogy régi böngészőben ellenőrizni nem is olyan egyszerű, hiszen amikor böngészőt frissítünk, akkor a régi verzió felülíródik, már pedig könnyen lehet, hogy az új verzió máshogy jelenít meg egy weboldalt.
Szerencsére az interneten erre a problémára is találunk megoldást.
Ha ellenőrizni szeretnénk, van egy remek oldal, ahol kb. 20 böngésző, több, mint 60 féle verzióján ellenőrizhetünk, 4 (5) féle operációs rendszeren.
Ez a browserhot.org.
Csupán annyi a dolgunk, hogy beírjuk a kívánt URL-t, ami lehet a fődomain is meg egy aloldal is, kiválasztjuk azokat a böngészőket amiket szeretnénk, és máris... várhatunk.
Várhatunk, ugyanis a kérésünk bekerül a várakozók sorába, és amikor ránk, kerül a sor, akkor kapjuk meg az eredményt képernyőfotók formájában. Persze ha fizetünk, elsőbbséget kapunk, tehát ha nincs türelem, legyen pénz!
Van egy másik hasonló megoldás is, ami gyorsabb, de az csak Internet Explorerben ellenőriz, ez a http://ipinfo.info/netrenderer.
Hasznos oldal mindkettő, és sokat tud segíteni abban, hogy ellenőrizzük a weboldalunkat másik környezetben is.
Persze nem mehetek el az meleltt a kérdés mellett, hogy milyen böngészőkre érdemes felkészíteni a weboldalt, hiszen például Internet Explorer 4, vagy Firefox 1.5 valószínűleg már nagyon kevés helyen van, hogy az olyan különlegességekről, mint a BonEcho a Dillo, vagy az Epiphany ne is beszéljek.
Persze jogos elvárás lenne a megrendelő részéről, hogy minden böngészőben, mindig tökéletesen ugyanúgy nézzen ki az oldal, de ez komolyabb probléma, mint ahogy elsőre látszik, hiszen még két verzió közti különbség is komoly eltéréseket jelent, ahogy erre a kormányszóvivő.hu problémája rávilágított. A fejlesztési időt pedig komolyan megnövelheti, ha extrém böngészőre kell optimalizálni.
A kérdésre a választ természetesen ismét a statisztika adja meg.
Ennek alapján néhány adat arról, hogy melyik böngésző, illetve a böngészők melyik verziója mennyire elterjedt.
Böngésző verziók megoszlása
| Böngésző verzió | Használati arány százalékban |
| FF 2.0 | 35,96 |
| IE 6.0 | 28,47 |
| IE 7.0 | 27,59 |
| Opera 9.2 | 2,22 |
| FF 3.0 | 1,25 |
| FF 1.5 | 0,73 |
| Safari 3 | 0,23 |
| FF 1.0 | 0,22 |
| Mozilla 1.7 | 0,21 |
| Opera 9.5 | 0,2 |
Az adatok 5 weboldal 30 nap alatt közel 300.000 látogatásának és több, mint 1.000.000 oldalletöltésének elemzése alapján születtek.
Mint minden statisztika persze ez is torz, hiszen weboldalanként jelentősen eltér az oldalak látogatóinak összetétele, így például a böngészők típusa is.
Ha az egyes weboldalakat nézzük, éppen ezért lehet komoly eltérés a százalékokat tekintve (van például olyan weboldal ahol a Firefox különböző verziói 60% fölött voltak, de volt olyan is, ahol csak 30% környékén), de az szinte mindenhol igaz, hogy az első 5 helyezett, ami általában a látogatások 98 %-át adja minden esetben ezek a böngészők: Firefox 2, Internet Explorer 6, Internet Explorer 7, Opera 9.2, Firefox 3.
Azt is érdemes figyelembe venni, hogy most két böngészőnek is kijött új verziója, így például az Opera 9.5 és a Firefox 3 csak néhány nap adatai alapján szerepel a statisztikában. Ezek pedig egyre jobban terjedni fognak, Biztos, hogy a Firefox 3 rövid idő alatt át fogja venni a vezetést a Firefox 2-től.
Ez a táblázat egy kis iránymutatás arra, milyen böngészőverziókra kell elsősorban felkészülni egy weboldal fejlesztése során.
Hiába kedvencünk például a Safari, ezek elterjedtsége minimális, így ezekre optimalizálni is csak a legszükségesebb mértékben kell.
Azt is érdemes megnézni, hogy sokszor elrendezzük a böngésző kérdést úgy, hogy Internet Explorerrel nézik az oldalunkat a legtöbben, vagy Firefox-szal.
Ha egybe nézzük verzió nélkül az adatokat, akkor a következőt láthatjuk:
| Böngésző | Látogatottsági arány százalékban |
| Internet Explorer | 56,11 |
| Firefox | 38,16 |
| Opera | 2,57 |
| Mozilla | 0,38 |
| Safari | 0,3 |
Vagyis összesen Internet Explorerből többen nézik az oldalt, viszont a helyes megjelenés szempontjából egyáltalán nem mindegy, hogy a böngésző melyik verzióját használják a látogatóink.
Azonban mindenképpen érdemes felkészülni arra, hogy ha nem is optimalizáljuk végletekig minden böngészőre honlapunkat, azért a funkciók legyenek rendbe, és a megjelenés se tegye használhatatlanná az oldalt.
A nagy kérdés az volt, milyen böngésző verziókra ellenőrizzünk.
A válasz az adatok alapján könnyen kalkulálható.
Mindenképpen ellenőrizzük a weboldalunkat Firefox 3-ban és Firefox 2-ben, Internet Explorer 6-ban és Internet Explorer 7-ben, és ne hagjyuk ki az Opera 9.5-öt és az Opera 9.2-t sem a képből.
Pár hónap múlva, vissszatérek a témára, és ismét megnézem majd, hogy áll a böngészőpiac. Addig is pár kép elrettentésnek arról, hogyan is néz ki az ominózus kormanyszovivo.hu oldal különböző böngészőkben.
Internet Explorer 4

Internet Explorer 6

Opera 9.5

És egy kis különlegesség a végére: Dillo


RG Stúdió Kft.
Kiderült, hogy a kormányszóvivős oldal hibáit publikáló RTL csoport oldalaiba is megvannak ugyanezek ah ibák, és hát úgy tánik nálunk is.
Mindenestre köszi a jelzést!
Ez olyan, mintha a 100-as szög hossza attól függne, hogy melyik barkácsboltban veszem meg.
Egyébként szerintem azok sem miliméterre pontosak, de ott ez ugye nem okoz problémát.
Igen, a böngésző kompatibilitás témája megér pár misét...
http://www.browsrcamp.com/