Mikä olisi paras tapa tehdä weppisivu kännykkäkäyttöön? Sitähän ei voi oikein testata "lennossa" ainakaan ilman omaa palvelinta. Tavalliset sivuthan voi kehittää helposti omalla koneella vaikka Xamppia käyttäen.
Sivun tekeminen kännykälle, kuinka testaus?
Anonyymi
5199
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 5
Vanhimmat
Sivua voi testata omalla koneella chrome-selaimella. Kun kaventaa selainikkunan niin kapeaksi kuin mahdollista, se näkyy samanlaisena kuin android-puhelimissa.
Safari-selaimella ja iPhonella toimivuutta ei pysty testaamaan ollenkaan, koska käyttöehdot estävät safarin ajamisen virtuaalikoneessa, eikä siitä ole windows-versiota. Sivujen ei tarvitse toimia iPhonella.
Onhan selaimissa kehitystyökalut, että voi tarkastella mobiilina.
Kyllä voit. Moderneissa selaimissa on kehittäjän työkalut sisäänrakennettuna. Pari esimerkkiä:
* Avaa luomasi sivu Chromeen
* paina F12
(kehittäjän työkalut avautuu sivun alaosaan)
* klikkaa Toggle Device Toolbar (työkalupalkissa toinen kuvake vasemmalta)
* voit simuloida sivusi käyttäytymistä eri laitteilla
* Avaa luomasi sivu Firefoxiin
* klikkaa sivulla hiiren kakkospainiketta ja valitse 'Inspect Element'
(kehittäjän työkalut avautuu sivun alaosaan)
* klikkaa Responsive Design Mode (työkalupalkissa kuvake oikealta)
* voit simuloida sivusi käyttäytymistä eri laitteilla
Happy responsive testing!
Firefoxissa pääsee samaan Ctrl Shift M näppäinyhdistelmällä. Sieltä voi sitten valita haluamansa laitteen tai naputtaa kustomin resoluution.
Joo, perehdy responsiiviseen verkkosuunnitteluun, niin saat mobiili-ystävälliset sivut tehdyksi.