Jei esate žiniatinklio kūrėjas arba turite internetinį verslą, jums gali būti įdomu sužinoti, kaip svetainė mobiliesiems atrodo staliniame kompiuteryje. Jūsų svetainės mobiliesiems išvaizda ir funkcionalumas gali būti labai svarbūs, nes daugiau nei pusė interneto srauto gaunama iš telefonų. Klientai labiau linkę likti svetainėje ilgiau arba ką nors nusipirkti, jei tai vizualiai patrauklu. Darbalaukio rodinys taip pat gali padėti atlikti pakeitimus ir greičiau išspręsti galimas problemas.
Laimei, tai gana paprastas procesas. Šiame straipsnyje parodysime, kaip peržiūrėti mobiliąją svetainės versiją skirtinguose įrenginiuose ir naršyklėse.
Kaip peržiūrėti mobiliąją svetainės versiją „Chrome“ sistemoje „Mac“.
Naudodami įtaisytąjį kūrėjo įrankį, vadinamą DevTools, naršyklėje „Chrome“ galite išbandyti priekinę dalį ir patikrinti, ar visi svetainės komponentai veikia tinkamai. Kadangi joje pateikiami iš anksto nustatyti įrenginio pasirinkimai, „DevTools“ yra geriausias būdas kūrėjui greitai perkelti vaizdą iš stalinio kompiuterio į mobilųjį ir atvirkščiai be jokių kūrėjo plėtinių.
Taip pat galite pakeisti ekrano dydį, kad jis atitiktų jūsų poreikius, ir koreguoti ekrano plotį bei aukštį, kad pamatytumėte, kaip jūsų svetainė atrodys skirtingų dydžių ekranuose. Norėdami tai padaryti „Mac“, atlikite šiuos veiksmus:
- Paleiskite „Google Chrome“ naršyklę ir eikite į svetainę, kurią norite peržiūrėti.
- Paspauskite F12 klaviatūroje, kad pasiektumėte DevTools.
- Kai režimas įjungtas, spustelėkite piktogramą Toggle Device Emulation.
- Galite pasirinkti iš iOS ir Android įrenginių sąrašo, kad juos mėgdžiotumėte.
- Bus rodoma svetainė jūsų pasirinkta mobiliojo telefono forma.
Baigę tiesiog uždarykite kūrėjo įrankių langą, kad uždarytumėte mobiliąją svetainės versiją.
Kaip peržiūrėti mobiliąją svetainės versiją „Chrome“ „Windows“ kompiuteryje
Jei norite peržiūrėti mobiliąją svetainės versiją „Windows PC“ naršyklėje „Chrome“, tai yra gana panašus procesas:
- Atidarykite „Chrome“ naršyklę.
- „Chrome“ eikite į svetainę, kurią norite matyti mobiliojoje versijoje.
- Dešiniuoju pelės mygtuku spustelėkite tinklalapį ir meniu pasirinkite Tikrinti.
- Norėdami eiti į kūrėjo įrankius, spustelėkite skirtuką Daugiau įrankių ir pasirinkite Kūrėjo įrankiai arba paspauskite F12, kad atidarytumėte DevTools.
- Atsidarys kūrėjo įrankių langas.
- Spustelėkite įrenginio perjungimo piktogramą, kad perjungtumėte į mobiliosios svetainės peržiūros režimą.
- Pasirinkite mobilųjį įrenginį, kurį norite mėgdžioti (neprivaloma).
- Dabar galite keisti ekrano matmenis, kad atitiktų jūsų poreikius.
Kaip peržiūrėti mobiliąją svetainės versiją „Chrome“ naudojant „Chromebook“.
Prieiga prie mobiliosios svetainės versijos naršyklėje „Chrome“ naudojant „Chromebook“ yra labai panaši į pirmuosius du būdus.
- Atidarykite „Google Chrome“ žiniatinklio naršyklę.
- Atidarykite tinklalapį, kurį norite pasiekti mobiliajame įrenginyje.
- Norėdami pasiekti meniu, spustelėkite vertikalią trijų taškų piktogramą.
- Nuvilkite pelės žymeklį virš sąrašo elemento Daugiau įrankių.
- Pasirinkite Kūrėjo įrankiai.
- Naršyklėje atsidarys Kūrėjo įrankių langas.
- Perjunkite svetainės mobiliesiems peržiūros režimą spustelėdami įrenginio perjungimo piktogramą.
Bus parodyta svetainės mobiliesiems vartotojo sąsaja. Taip pat galite pasirinkti pageidaujamą įrenginio patirtį, išskleidžiamajame laukelyje pasirinkę markę ir modelį. Tinklalapis bus atnaujintas kaip darbalaukio svetainė, kai uždarysite kūrėjo įrankių konsolę.
Kaip peržiūrėti mobiliąją svetainės versiją „Firefox“ sistemoje „Mac“.
Galite naudoti kitas žiniatinklio naršykles, pvz., „Firefox“, norėdami peržiūrėti svetainę mobiliesiems „Mac“ darbalaukyje. Naršyklės lango dydžio keitimas yra vienas iš metodų, kurį dauguma žiniatinklio kūrėjų naudoja vertindami interaktyvaus dizaino svetainę. Tačiau dažniausiai ši alternatyva neatrodo priimtina.
Čia praverčia „Firefox“ naršyklės žiniatinklio kūrimo galimybės. Galite naršyti savo tinklalapius keliomis skyromis, jei žinote, kaip pasiekti mobiliąsias svetainių versijas naudodami „Firefox“. Atlikite šiuos veiksmus:
- Atidarykite mobiliąją svetainės, kurią norite matyti, versiją.
- Dešiniuoju pelės mygtuku spustelėkite tinklalapį ir meniu pasirinkite parinktį Tikrinti.
- Pasirinkite reaguojantį dizaino režimą.
- Pasirinkite svetainės ekrano dydį.
Kaip peržiūrėti mobiliąją svetainės versiją „Firefox“ „Windows“ kompiuteryje
„Windows“ kompiuteriuose taip pat yra galimybė peržiūrėti mobiliąsias svetainių versijas naudojant „Firefox“. Štai kaip tai padaryti:
- Paleiskite „Firefox“ savo kompiuteryje.
- Eikite į svetainę, kurią norite matyti kaip mobiliąją versiją.
- Eikite į nustatymus spustelėdami horizontalią trijų juostų piktogramą.
- Pamatysite išskleidžiamąjį meniu, kuriame turėsite pasirinkti žiniatinklio kūrėjo parinktį.
- Pasirinkite reaguojantį dizaino režimą.
- Galiausiai galite pasirinkti išmaniojo telefono modelį, kad pamatytumėte, kaip jūsų svetainė bus rodoma tame įrenginyje.
Kaip peržiūrėti mobiliąją svetainės versiją „Safari“ sistemoje „Mac“.
Apžvelgėme, kaip peržiūrėti svetainę mobiliesiems staliniame kompiuteryje naudojant „Chrome“ ir „Firefox“. Bet kaip dėl numatytosios naršyklės, kuri pateikiama su „Mac“ įrenginiais, „Safari“? Laimei, „Safari“ galima peržiūrėti ir mobiliąją svetainės versiją.
- Paleiskite „Safari“ naršyklę.
- Eikite į svetainę, kurią norite peržiūrėti kaip mobiliąją versiją.
- Spustelėkite Parinktys, tada meniu Kurti.
- Išskleidžiamajame meniu pasirinkite Įvesti reaguojantį dizaino režimą.
- Dabar galite peržiūrėti mobiliąją svetainės versiją.
Papildomi DUK
Ar galiu savo telefone peržiūrėti svetainės darbalaukio versiją?
Atsakymas yra taip! Galite perjungti iš mobiliosios versijos į darbalaukio versiją, kad patikrintumėte ją nenaudodami kompiuterio. Veiksmai, skirti mobiliesiems įrenginiams perkelti į staliniams kompiuteriams skirtą versiją naršyklėje „Chrome“, yra šie:
1. Eikite į svetainę, kurią norite matyti darbalaukio rodinyje.
2. Norėdami pasiekti meniu, bakstelėkite trijų taškų piktogramą.
3. Dabar pasirinkite parinktį Darbalaukio rodinys.
Atminkite, kad šie veiksmai gali skirtis priklausomai nuo telefono, kurį naudojate.
kaip ištrinti antrą instagram paskyrą
Mobiliojo interneto kūrimo palengvinimas
Kūrėjo įrankiai puikiai tinka analizuoti ir modifikuoti mobiliąją svetainės versiją darbalaukyje neperjungiant įrenginių. Galite keisti ekrano dydį, kad galėtumėte stebėti, kaip komponentai veikia įvairiuose įrenginiuose. Naudodami interaktyvųjį režimą galite koreguoti skirtingus komponentus ir sukurti svetainę kelių dydžių ekranams.
Kurdamas svetainę, dizaineris visada turėtų turėti omenyje, kaip telefonuose, planšetiniuose kompiuteriuose ir staliniuose kompiuteriuose atrodo priekinė svetainės dalis. Straipsnyje aprašytų metodų naudojimas taip pat gali padėti kūrėjui tai padaryti ir nustatyti, kurie svetainės komponentai sukelia problemų, kad jas būtų galima išspręsti.
Ar kada nors bandėte žiūrėti mobiliąją svetainės versiją darbalaukyje? Kurią naršyklę norėtumėte tai padaryti? Praneškite mums toliau pateiktame komentarų skyriuje.