4 min lugemine

Kuidas testida oma kodulehte erinevate ekraanisuurustega?

Veebirebane
29. mai 2018

Pole üldse ebatavaline, kui keegi tuttav kurdab, et sinu kodulehel on midagi imelikku või helistab sulle ja teatab, et avastas mobiiliga vaadates just olulise kujundusvea. Sul endal aga on arvutis kõik ilus. Põhjus võib olla erinevatele ekraanisuurustele optimeerimata veebis.

Tänapäeval peavad pea kõik kodulehed suutma kujundust õigesti paigutada mistahes ekraanidel: sülerites, lauaarvutites, tahvlites, nuhvlites ja väikestes mobiilides. Pilt peab olema mugavalt loetav nii horisontaal- kui pikiformaadis akendes. Selleks, et näha, kuidas veeb neis erinevates seadmetes välja näeb, pole vaja kõiki seadmeid omale testimiseks osta. Piisab ka mõnedest veebiteenustest, mis väga hästi näitavad kõik puudused ära, kui proovida kodulehte vaadata mõnes teistsuguses ekraaniformaadis kui veebiomaniku enda arvutis.

„Vaese mehe testija“ ehk hiirega akna vähendamine

Kõigepealt võib alustada sellest, et veebiteenuseid kasutamata proovida oma veebibrauseris, mismoodi koduleht välja näeb. Kui tavaliselt vaadatakse veebi üle ekraani aknas, siis seekord proovi akent väiksemaks tirida hiirega paremast servast. Mida kitsam ekraan, seda vähem veerge ja seda kompaktsemalt peab sisuhaldusprogramm või kujunduse kood sisu ära paigutama. Nii saad enam-vähem ettekujutuse, mismoodi näeb veeb välja tahvlis (kui oled akna kitsendamisega umbes poole peale jõundud) ja mismoodi mobiilis, kui surusid ekraani kokku üsna kitsaks tulbaks.

Kuid alati ei pruugi see veel päris täit pilti anda, mismoodi koduleht erinevate ekraanisuurustega käitub.

ResizeMyBrowser

See veebileht on nagu „vaese mehe testija“ abimees, suurendades või vähendades brauseriakent täpselt selle seadme resolutsiooni suurusek, mida testida tahad. Kui seadmel on suurem ekraan kui sinu arvutil, siis vähendatakse lähima võimaliku suuruseni ja püütakse säilitada proportsioonid. Valida saab, kas akna suurust arvestatakse aknasisese nähtava veebiala järgi või lähevad sisse ka ääred.

Valida saab lisaks enamlevinud eelvalikutele ka täiesti oma ekraanisuuruse, määrates pikslites ära selle mõõtmed.

Screenfly

Samm edasi on Screenfly, kus saab sisestada ka oma testitava veebilehe aadressi ja siis vaadata, kuidas see välja näeb lauaarvutis, süleris, tahvlis või mobiilis. Selle teenuse väikeseks puuduseks on mõnede Eesti veebide mittekuvamine, kuid enamus külastatavamaid veebilehti teisendatakse aknasse, milles tahad kodulehte näha. Vajadusel võid isegi testida, mismoodi paistab telerist vaadates.

ViewLike.us

Vali vasakust veerust testimisnupp ja sisesta oma kodulehe aadress. Vaadata saab kõige populaarsemates ekraanisuurustes ning lisaks näha ka muud kasulikku infot: kui kiiresti alla laadis, kui „raske“ on veebileht ehk kui palju andmeid on vaja alla laadida, kas mõned nupud või lingid on liiga väikesed pisemate ekraanide jaoks sõrmega katsumisel.

Firesizer (Firefoxi plugin)

 

See Firefoxi plugin on ka nagu „vaese mehe testija“, kuid muudab brauseriakna suurust lisavidina ehk plugin´iga. Firefoxi lisandi eeliseks on see, et aken tehakse kogu Firefoxi raamiga sobivaks suuruseks, nagu seda näeb vastava resolutsiooniga seadme kasutaja, mitte ei arvestada pikslite hulka vaid HTML-välja suurus, milles brauser veebi kuvab. Igal ekraanil ju võtab äärtest mingi osa brauseri enda graafika.

Resolution Test (Chrome´i plugin)

Kui kasutad Chrome´i veebibrauserit, saab selle lisandiga samuti sama asja teha, mis eelmistega: testida veebilehte erinevate ekraanisuurustega. Klõpsates testimise ikoonile ülal paremal nurgas, võib valida ühe või mitu ekraanisuurust, millega oma veebi kohe testida. Määrata saab ka oma suuruse pikslite täpsusega.

 

Kodulehel midagi paigast ja ise korda ei saa?
Meie partnerid saavad Sind aidata!


Kutsu endale abi

Veebirebane

Veebimajutus.ee pakub oma klientidele mugavusteenust domeeni, e-posti, kodulehe majutuse ja tööriistade vallas. Elkdata OÜ on tegutsenud 25 aastat, teenindades igapäevaselt pea 25 000 klienti, luues neile väärtust läbi kiirete ja lihtsate veebiteenuste.

Kasutajad kes lugesid seda artiklit lugesid ka neid

Mis on domeen ja mida vaja sellest teada enne kodulehe tegemist?
Millega veel jälgida oma veebi külastajaid lisaks Google Analytics´ile?
Kliendi lugu: Meemeistrite e-pood sai üleöö iluasjast oluliseks müügikohaks
Kuidas teha kiirelt ja soodsalt e-pood?
Mis on backlink ehk tagasilink ja kuidas see mõjutab sinu veebilehe kohta Google´i otsingus?
Veebimajutus on Facebookis. Sina oled kah.
Saame sõpradeks? Meil on Sulle palju rääkida, küllap Sul meilegi. Teeme ära?
fox-head fox-head
Ka veebis tuleb targalt tegutseda. Eriti veebis!
Veebimajutuse 25 000 klienti rääkisid ja meie kuulasime - oleme teie vajaduste ning tagasiside põhjal loonud blogi, milleta ei saa hakkama ükski edukas e-ärimees. Eesti tippkirjutajad toovad Sinuni värskeimad nipid, uudised ja nõuanded. Ükski trend ei jää saladuseks ning väljakutse ületamatuks!
Klienditeenindus
Lisasime diili sinu ostukorvi, said ikka mega hea diili!

Vali paketi periood

1 kuu põhine arveldus

Kuus 12.08

Kokku 12.08

3 kuu põhine arveldus

Kuus 12.08

Kokku 36.24

6 kuu põhine arveldus

Kuus 12.08

Kokku 72.48

1 aasta põhine arveldus

Säästad 20% ehk -24.16

Kuus 10.07

Kokku 120.80

1 aasta
0.00
2 aastat
0.00
3 aastat
0.00
4 aastat
0.00
5 aastat
0.00
6 aastat
0.00
7 aastat
0.00
8 aastat
0.00
9 aastat
0.00
10 aastat
0.00