Interneto specialistams dažnai kyla klausimas: “Kodėl žmonės vis dar naudoja tą pasenusią ir visapusiškai negerą Microsoft “Internet Explorer 6″ naršyklę? Argi jie negalėtų naudoti visus standartus atitinkančią “Mozilla Firefox”, “Google Chrome”, “Opera”, ar kitą gerą naršyklę? Juk yra išleistos net kelios naujos ir daug geresnės Microsoft “Internet Explorer” versijos, kodėl jie neatsinaujina?” Atsakymas yra labai paprastas ir puikiai matosi šiame grafike:
(via digg.com)
Kai sukuriame tinklapį, visada privalome jį pratestuoti su įvairiomis interneto naršyklėmis. Dauguma iš mūsų peržiūri gautą rezultatą tik su naujausia FireFox versija ir Su Internet Explorer 6. Dažniausiai to pakanka, tačiau pasitaiko kokių nors klaidų, kurios galimos ir kitose naršyklėse, nors ir FF ir IE6 viskas būna gerai.
Šiam tikslui Yahoo yra apibrėžusi interneto naršyklių palaikymo klasifikaciją, apie kurią trumpai papasakosiu.
Iš viso yra 3 naršyklių palaikymo klasės (lygiai):
C klasė – žemo lygio ir kokybės palaikymas. Iš esmės tai tik gryno HTML kodo pateikiamas naršyklei, be stilių ar JavaScript įgyvendintų funkcijų. Realizuojant šis klasės palaikymo lygį dažnai pasitaiko įvairių defektų.
X klasė - tai absoliučiai visų naršyklių palaikymas. Realizuojant tokį palaikymo lygmenį yra palaikomos retos arba sustabdyto palaikymo ir vystymo naršyklės – tai reiškia kad tinklapis yra atvaizduojamas teisingai net ir ant pačių rečiausių naršyklių. Toks palaikymas yra įgyvendinamas labai retai, nes dažniausiai neįmanoma nuspėti visų egzistuojančių naršyklių niuansų.
A klasė – Pati svarbiausia klasė, nes tai palaikymo lygmuo skirtas pačioms populiariausioms naršyklėms. Šis lygmuo, pagal Yahoo statistiką yra įgyvendintas 96% tinklapių. Būtent šio lygmens mes ir rekomenduojame laikytis.
Kad būtų lengviau “sugaudyti” kokias naršykles privalo palaikyti A-klasės palaikymas, čia pateikta naršyklių matrica, kuri parodo visas A klasės naršykles:
Kad ir kaip mes nemėgtume Microsoft Internet Explorer naršyklės senųjų versijų, kuriamus projektus tenka pritaikyti ir joms. To priežastis labai paprasta – nemažai žmonių vis dar naudoja pasenusias, su operacine sistema įrašytas naršykles.
Didžiausia problema yra, kad Windows OS leidžia turėti tik vieną Internet Explorer versiją, taigi reikia papildomų įrankių testavimui. Geriausia turėti kelias atskiras Windows instaliacijas, skirtas būtent testavimui (atskirą tam skirtą kompiuterį, arba virtualią mašiną), tačiau ne visada yra tokios galimybės. Testavimui su skirtingomis naršyklėmis yra kuriamos specialios programos, apgaunančios Operacinę sistemą ir leidžiančios veikti kelioms skirtingoms IE versijoms vienu metu. Seniau sėkmingai naudojau MultipleIEs programėlę. Ji mokėdavo suinstaliuoti IE versijas nuo 3.0 iki 6.0 į vieną kompiuterį. Tačiau buvo ir minusų:
Naršydamas www programuotojų resursus internete užtikau alternatyvą – IETester. Programėlė sulietuvinta, veikia su XP, Vista, 7 Windows versijomis, leidžia testuoti svetaines su IE 5.5, 6.0, 7, 8 ir numatytąja sistemos IE versija. Patogu tai, kad vienu mygtuko paspaudimu galima atidaryti svetainę skirtingomis IE versijomis.
Žemiau pateikiamas pavyzdys, kaip atrodo svetainės testavimas su IETester:
1žingsnis. Spaudžiame mygtuką “Visos IE laidos”:
2 žingsnis. Iššokusioje lentelėje suvedame puslapio adresą ir pasirenkame su kuriomis IE versijomis atidarinėti:
3 žingsnis. IETester kortelėse atidaroma svetainė, galime nagrinėtis skirtumus:
Svetainės vaizdas su IE 6 (frontend.lt lankytojams su senomis IE versijomis pasiūlome atnaujinti naršyklę):
Svetainės vaizdas su IE 7:
Svetainės vaizdas su IE8:
Svetainės vaizdas su numatytąja IE versija, mano atveju su IE8:
Jeigu dažnai prireikia lyginti svetainės išvaizdą su skirtingomis Internet Explorer versijomis, rekomenduoju išbandyti IETester. Kaip svetainės suderinamumą su skirtingomis naršyklėmis tikrinate Jūs?
Turbūt sutiksite, kad kartas nuo karto mums visiems tenka dalintis dideliais failais su draugais, todėl naudojame įvairias jų dalinimo paslaugas (failai.in, Rapid share, etc.) Deja visos šios paslaugos nėra pakankamai patogios, o už pilną funkcionalumą dažniausiai dar reikia primokėti, todėl nusprendžiau papasakoti apie DropBox projektą.
DropBox - tai internetinė failų talpykla, kuri savo patogumu pranoksta visas kitas panašaus pobūdžio paslaugas. Didžiausias privalumas yra tai, kad nereikia sukėlinėti failų per naršyklę – tiesiog užtenka atsisiųsti DropBox programėlę, kuri jūsų kompiuteryje sukuria katalogą, į kurį įdedant failus, jie iškarto patalpinami internete.
Dar keli šios sistemos privalumai:
Taigi visko tikrai nepapasakosiu, o tiesiog parekomenduosiu šią sistemėlę išbandyti patiems :)
Taip pat būtų įdomu sužinoti jūsų nuomone, taigi nepatingėkit pakomentuoti.
Turbūt nei vienas tinklapių kūrėjas neapsieitų be Galingiausio FireFox priedo – FireBug, kuris yra pripažintas pačiu naudingiausiu įskiepiu. Gaila, tačiau FireBug kol kas galima įsidiegti tik į FireFox, o kitų naršyklių Web-developer įrankiai negali jam prilygti. Tam, kad situacija būtų nors kiek geresnė FireBug Kūrėjai sukūrė pilnai JavaScript’u parašyta FireBug Lite versiją, kurią galima įsidėti į bet kokį tinklapį ir matyti visose naršyklėse (Juk JS palaiko visos naršyklės)
Paprasčiausias būdas naudotis šiuo įrankiu yra įsikelti jo kodo nuorodą į savo Bookmark’us – Tiesiog nutempkite FireBug Lite tinklapyje pateiktą nuorodą į savo BookMarko juostą ir turėsite nuorodą, kurią paspaudus FireBug Lite atsidarys bet kuriame tinklapyje.
Gaila tačiau ši FireBug’o versija dar negali redaguoti tinklapio turinio, bet manau pradžia jau padaryta :)
Taip atrodo FireBug Lite:
Daugumą klasikinių interneto svetainių galima išskirti į dvi grupes pagal jų atvaizdavimo principą. Svetainė centruojama naršyklės lange arba ji yra prisiglaudusi prie kairiojo krašto. Žinoma, atsiranda ir kūrybingesnių žmonių sugalvojančių įmantrių atvaizdavimo būdų, bet dažniausiai naudojamas centruoto puslapio variantas.
Nusprendžiau trumpai ir aiškiai aprašyti kaip centruojama svetainė interneto naršyklėje. Viso labo tai kelios CSS kodo eilutės, tačiau net ir tokie dalykai kai kuriems žmonėms praverčia.
Norint svetainę centruoti, turime žinoti jos plotį. Vienintelis dalykas, kurio reikia iš HTML pusės, tai apsirašyti šakninį svetainės elementą, pavadinkime jį pvz.: site. Dabar CSS faile aprašome stilių site ir body žymoms.
Po Rimanto komentaro, išsiaiškinom, kad tai gali būti atlikta su dar mažiau kodo. O tam kad IE6 rodytų teisingai tiesiog turi būti nurodytas DOCTYPE. Nemanau, kad dabar yra svetainių, kuriose jis būtų praleistas. Liko tik dvi eilutės CSS.
Su paaiškinimu: