Če ste spletni razvijalec ali imate spletno podjetje, vas morda zanima, kako izgleda spletno mesto za mobilne naprave na namizju. Videz in funkcionalnost vašega spletnega mesta za mobilne naprave bi lahko bila ključnega pomena, saj več kot polovica internetnega prometa prihaja iz telefonov. Kupci bodo bolj verjetno ostali na spletnem mestu dlje ali kupili nekaj, če je vizualno privlačno. Pogled namizja vam lahko pomaga tudi pri urejanju in prej odpravi morebitne težave.
Na srečo je to razmeroma enostaven proces. V tem članku vam bomo pokazali, kako si ogledate mobilno različico spletnega mesta v različnih napravah in brskalnikih.
Kako si ogledate mobilno različico spletnega mesta v Chromu na Macu
V Chromu lahko preizkusite sprednji del in preverite, ali vse komponente spletnega mesta delujejo pravilno z uporabo vgrajenega orodja za razvijalce, imenovanega DevTools. Ker ponuja vnaprej določene izbire naprav, so orodja DevTools najboljši način za razvijalca, da hitro prestavi pogled z namizja na mobilno napravo in obratno brez kakršnih koli razširitev za razvijalce.
Prav tako lahko spremenite velikost zaslona, da ustreza vašim potrebam, ter prilagodite širino in višino zaslona, da vidite, kako bo vaše spletno mesto videti na različnih velikostih zaslona. Če želite to narediti v računalniku Mac, sledite tem korakom:
- Zaženite brskalnik Google Chrome in pojdite na spletno mesto, ki si ga želite ogledati.
- Pritisnite F12 na tipkovnici za dostop do orodij za razvijalce.
- Ko je način vklopljen, kliknite ikono Preklopi emulacijo naprave.
- Izbirate lahko s seznama naprav iOS in Android, da jih posnemate.
- Spletno mesto bo prikazalo v mobilni obliki, ki ste jo izbrali.
Ko končate, samo zaprite okno orodij za razvijalce, da zaprete mobilno različico spletnega mesta.
Kako si ogledate mobilno različico spletnega mesta v Chromu na računalniku z operacijskim sistemom Windows
Če si želite v Chromu ogledati mobilno različico spletnega mesta v računalniku z operacijskim sistemom Windows, je to precej podoben postopek:
- Odprite brskalnik Chrome.
- V Chromu pojdite na spletno mesto, ki ga želite videti v mobilni različici.
- Z desno tipko miške kliknite spletno stran in v meniju izberite Preveri.
- Če želite odpreti Orodja za razvijalce, kliknite zavihek Več orodij in izberite Orodja za razvijalce ali pritisnite F12, da odprete DevTools.
- Odpre se okno Orodja za razvijalce.
- Kliknite ikono za preklop naprave, da preklopite v način pogleda mobilnega mesta.
- Izberite mobilno napravo, ki jo želite posnemati (izbirno).
- Zdaj lahko prilagodite dimenzije zaslona, da ustrezajo vašim potrebam.
Kako si v Chromebooku ogledate mobilno različico spletnega mesta v Chromu
Dostop do mobilne različice spletnega mesta v Chromu s Chromebookom je zelo podoben prvima dvema metodama.
- Odprite spletni brskalnik Google Chrome.
- V mobilni napravi odprite spletno stran, do katere želite dostopati.
- Za dostop do menija kliknite navpično ikono s tremi pikami.
- Povlecite miško nad element Več orodij na seznamu.
- Izberite Orodja za razvijalce.
- Odpre se okno Orodja za razvijalce v brskalniku.
- Način prikaza spletnega mesta za mobilne naprave preklopite s klikom na ikono za preklop naprave.
To bo odprlo uporabniški vmesnik za mobilno spletno mesto. Izberete lahko tudi želeno izkušnjo naprave, tako da v spustnem meniju izberete znamko in model. Spletna stran se bo osvežila kot namizno mesto vsakič, ko zaprete konzolo orodij za razvijalce.
Kako si ogledate mobilno različico spletnega mesta v Firefoxu na Macu
Za ogled mobilnega mesta na namizju Mac lahko uporabite druge spletne brskalnike, kot je Firefox. Spreminjanje velikosti okna brskalnika je ena od metod, ki jih večina spletnih razvijalcev uporablja za oceno spletnega mesta z odzivnim dizajnom. Vendar pa se ta alternativa večino časa ne zdi sprejemljiva.
Tu pridejo prav zmožnosti spletnega razvoja brskalnika Firefox. Po svojih spletnih straneh lahko brskate v več ločljivostih, če veste, kako v Firefoxu dostopati do mobilnih različic spletnih mest. Sledite tem korakom:
- Odprite mobilno različico spletnega mesta, ki ga želite videti.
- Z desno tipko miške kliknite spletno stran in v meniju izberite možnost Pregled.
- Izberite način odzivnega oblikovanja.
- Izberite velikost zaslona spletnega mesta.
Kako si ogledate mobilno različico spletnega mesta v Firefoxu na računalniku z operacijskim sistemom Windows
Osebni računalniki Windows imajo tudi možnost ogleda mobilnih različic spletnih mest s Firefoxom. To storite tako:
- Zaženite Firefox na vašem računalniku.
- Pojdite na spletno mesto, ki ga želite videti kot mobilno različico.
- Pojdite na Nastavitve s klikom na vodoravno ikono s tremi vrsticami.
- Videli boste spustni meni, kjer boste morali izbrati možnost spletnega razvijalca.
- Izberite način odzivnega oblikovanja.
- Nazadnje lahko izberete model pametnega telefona, da vidite, kako bo vaše spletno mesto prikazano na tej napravi.
Kako si ogledate mobilno različico spletnega mesta v Safariju na Macu
Opisali smo, kako si ogledate spletno mesto za mobilne naprave na namizju s Chromom in Firefoxom. Kaj pa privzeti brskalnik, ki je priložen napravam Mac, Safari? Na srečo si je mogoče v Safariju ogledati tudi mobilno različico spletne strani.
- Zaženite brskalnik Safari.
- Pojdite na spletno mesto, ki si ga želite ogledati kot mobilno različico.
- Kliknite na Možnosti in nato na meni Razvoj.
- V spustnem meniju izberite Vstop v način odzivnega oblikovanja.
- Zdaj si lahko ogledate mobilno različico spletnega mesta.
Dodatna pogosta vprašanja
Ali si lahko na telefonu ogledam namizno različico spletnega mesta?
Odgovor je pritrdilen! Iz mobilne različice lahko preklopite na namizno različico in jo preverite brez uporabe računalnika. Koraki za prenos mobilne različice v namizno različico v Chromu so naslednji:
1. Pojdite na spletno mesto, ki ga želite videti v namiznem pogledu.
2. Dotaknite se ikone s tremi pikami za dostop do menija.
3. Zdaj izberite možnost Pogled namizja.
Upoštevajte, da se ti koraki lahko razlikujejo glede na telefon, ki ga uporabljate.
kako najti nekoga na snapchatu
Poenostavite oblikovanje mobilnega spleta
Orodja za razvijalce so odlična za analizo in spreminjanje mobilne različice spletnega mesta na namizju brez zamenjave naprav. Spremenite lahko velikost zaslona, da opazujete, kako komponente delujejo na različnih napravah. Z odzivnim načinom lahko prilagodite različne komponente in ustvarite spletno mesto za več velikosti zaslona.
Pri oblikovanju spletnega mesta mora oblikovalec vedno upoštevati, kako je sprednji del spletnega mesta videti na telefonih, tablicah in namiznih računalnikih. Uporaba metod, opisanih v članku, lahko pomaga razvijalcu pri tem in tudi ugotoviti, katere komponente spletnega mesta povzročajo težave, da jih odpravi.
Ste si že kdaj poskusili ogledati mobilno različico spletnega mesta na namizju? Kateri brskalnik najraje uporabljate za to? Sporočite nam v spodnjem razdelku za komentarje.