Visapusis svetainės dizaino tikrinimas

Pirma įžanga
Kol kolega vienastoks intensyviai užsiėmęs WordPress vertimu į lietuvių kalbą, nuolatiniai nežinau.lt skaitytojai pradėjo skųstis įrašu trūkumu. Na ir kaip nepadėsi bėdos ištiktam kolegai? Nusprendžiau susukti šį įrašą.

Antra įžanga
Tiems, kas užsiima tinklapių kūrimu ar bet kokia kita tinklapių dizaino forma (pvz.: blogo temos modifikavimas) terminas „suderinamumo pragaras“ (ang. compatibility hell) turbūt nėra svetimas.

Pagrindinė mano naudojama naršyklė yra Firefox, todėl natūralu, kad darydamas tinklapį pagrinde su Firefox ir tikrinu. Kai jau viskas padaryta ateina tiesos akimirka – tinklapio testavimas su kitomis naršyklėmis. Dažniausiai plaukai ant galvos piestu atsistoja pamačius kaip svetainė atrodo su Internet Explorer 6, o po to seka dar kokia valanda darbo ištaisyti klaidoms.

Taigi, su kokiomis naršyklėmis reiktų tikrinti sukurtą svetainę? Žinoma, geriausiai šį klausimą atsakyti galite patys – viskas priklauso nuo jūsų poreikių bei tikslinės auditorijos. Deja, kuriant svetaines klientui tokios pasirinkimo laisvės nėra, nes atsakymas vienareikšmis: svetainė turi gerai atrodyti su bet kuria naršykle. Aišku, į kraštutinumus leistis nereikia, nes yra naršyklių kuriomis naudojasi vos keli tūkstančiai ar kelis šimtai žmonių.

Pagal ranking.lt sukauptą statistiką, Lietuvoje labiausiai naudojamos šios naršyklės: IE6.x, IE7.x, Firefox 2.x, Opera 9.x, Firefox 1.x (šis faktas mane truputį nustebino). Taigi, kaip užtikrinti, kad dizainas visose naršyklėse atrodo panašiai, ar bent jau nėra kažkokių esminių „kliurkų“?

Pats paprasčiausiai būdas yra pasinaudoti svetaine browsershots.org, kurioje galėsite patikrinti kaip jūsų tinklapis atrodo 26 skirtingose Linux naršyklėse, 6 Windows naršyklėse, bei dvejose OS X naršyklėse. Tačiau šis būdas yra ganėtinai ribotas, nes nematysite ar pavyzdžiui teisingai rodomas iššokantis meniu, arba kaip veikia koks nors kitas specifinis skriptas svetainėje.

Štai kaip šią problemą išsprendžiau aš…

Įdiegiau Firefox 1.x bei 2.x į atskirus aplankus. Įdiegiau Opera 9.x. Atsinaujinau IE į septintą versiją, o pasinaudojęs multiple IE installer, papildomai įdiegiau IE5 bei IE6. Ilgą laiką nebuvo galimybės windows aplinkoje patikrinti kaip tinklapis atrodo Safari svetainėje, bet visai neseniai atsirado Swift projektas – naršyklė, naudojanti WebKit varikliuką (koks yra naudojamas Safari). Žinoma, ne tiek daug turime OS X vartotojų Lietuvoje, bet apsidrausti vistiek nemaišo. Visai neseniai sukūrę svetainę vienam klientui, supratome, kad jis turi apple kompiuterį, o ta svetainė per Safari atrodė visai prastai.

Tam, kad nepasiklystumėte tarp naršyklių, siūlau naudoti Firefox priedus IE Tab, IE View, bei OperaView. IE Tab pagal nutylėjimą atidarys numatytąją IE versiją, kuri (mano atveju) yra IE7. Su IE View galiu atidaryti tuo metu žiūrimą svetainę naujame IE6 lange – taip sutaupau laiko neužsiiminėdamas copy/paste procedūra. Opera View veikia taip pat kaip ir IE View, tik atidaro Opera. Deja Swift View ar kažkokio panašaus priedo kol kas nėra – gal koks programuotojas norėtų tokį sukurti? :)

Tai tiek naujienų iš suderinamumo pragaro fronto. Tikiuosi, ši informacija bent kiek palengvins dirbančių svetainių kūrimo srityje darbą.