Siirry pääsisältöön

Mobiilinäkymän tarkastelu

Verkkosivujen ja verkkokaupan mobiiliresponsiivisuus on ensiarvoisen tärkeää. Voit testata ja esikatsella helposti suoraan tietokoneesi selaimella, miltä sivustosi näyttää älypuhelimilla tai muilla mobiililaitteilla ilman, että sinun tarvitsee joka kerta avata sivua erikseen puhelimella.

 

Sivuston tarkasteleminen mobiilinäkymässä

 

Voit tarkastella miltä sivusi näyttävät mobiilissa seuraavasti:

 

  1. Mene julkiselle verkkosivullesi ja klikkaa hiiren oikealla painikkeella mitä tahansa kohtaa sivusta.

  2. Valitse avautuvasta valikosta vaihtoehto "Tarkista" (tai "Tutki" selaimesta riippuen).

 

Tarkista-vaihtoehdon valitseminen hiiren oikealla painikkeella

 


 

Näkymän skaalaaminen ja testaaminen

 

Kun tarkistustila (kehitustyökalut) avautuu, sivustosi viereen tai alapuolelle ilmestyy koodi-ikkuna. Voit testata sivun mukautumista muuttamalla sen kokoa:

 

  • Kuvan oikeassa reunassa olevaa palkkia liikuttamalla saat levennettyä ja kavennettua näkymää.

  • Palkkia kaventamalla näet suoraan, miten sivusi, tekstisi ja kuvasi skaalautuvat mobiililaitteella käytettäessä.

 

Sivuston skaalautuvuuden testaaminen näkymää kaventamalla

 

Vinkki: Voit myös klikata tarkistustilan yläreunassa olevaa pientä laitekuvaketta (puhelin/tabletti), jolloin selain lukitsee näkymän suoraan tietyn mobiililaitteen standardikokoon.

Vastasiko tämä kysymykseesi?