Ja esat tīmekļa izstrādātājs vai jums pieder tiešsaistes uzņēmums, jums varētu būt interese uzzināt, kā mobilajām ierīcēm paredzēta vietne izskatās uz galddatora. Jūsu mobilās vietnes izskatam un funkcionalitātei var būt izšķiroša nozīme, jo vairāk nekā puse interneta trafika nāk no tālruņiem. Klienti, visticamāk, uzturēsies vietnē ilgāk vai iegādāsies kaut ko, ja tas ir vizuāli pievilcīgs. Darbvirsmas skats var arī palīdzēt veikt labojumus un ātrāk novērst iespējamās problēmas.
Par laimi, tas ir samērā vienkāršs process. Šajā rakstā mēs parādīsim, kā dažādās ierīcēs un pārlūkprogrammās skatīt vietnes mobilo versiju.
Kā skatīt vietnes mobilo versiju pārlūkprogrammā Chrome Mac datorā
Pārlūkā Chrome varat pārbaudīt priekšējo daļu un pārbaudīt, vai visi vietnes komponenti darbojas pareizi, izmantojot iebūvēto izstrādātāja rīku DevTools. Tā kā DevTools nodrošina iepriekš noteiktas ierīces izvēles iespējas, izstrādātājam ir labākais veids, kā ātri pārslēgt skatu no galddatora uz mobilo un otrādi bez izstrādātāja paplašinājumiem.
Varat arī mainīt ekrāna izmēru atbilstoši savām vajadzībām un pielāgot ekrāna platumu un augstumu, lai redzētu, kā jūsu vietne izskatīsies dažādos ekrāna izmēros. Lai to izdarītu Mac datorā, veiciet šīs darbības:
- Palaidiet pārlūkprogrammu Google Chrome un dodieties uz vietni, kuru vēlaties skatīt.
- Nospiediet F12 uz tastatūras, lai piekļūtu DevTools.
- Kad režīms ir ieslēgts, noklikšķiniet uz ikonas Pārslēgt ierīces emulāciju.
- Varat izvēlēties no iOS un Android ierīču saraksta, lai tās atdarinātu.
- Tas parādīs vietni jūsu izvēlētajā mobilajā formā.
Kad esat pabeidzis, vienkārši aizveriet izstrādātāja rīku logu, lai aizvērtu vietnes mobilo versiju.
Kā skatīt vietnes mobilo versiju pārlūkprogrammā Chrome operētājsistēmā Windows
Ja vēlaties pārlūkprogrammā Chrome skatīt vietnes mobilo versiju Windows PC, tas ir diezgan līdzīgs process:
- Atveriet pārlūkprogrammu Chrome.
- Pārlūkā Chrome atveriet vietni, kuru vēlaties skatīt mobilajā versijā.
- Ar peles labo pogu noklikšķiniet uz tīmekļa lapas un izvēlnē atlasiet Pārbaudīt.
- Lai atvērtu izstrādātāja rīkus, noklikšķiniet uz cilnes Citi rīki un atlasiet Izstrādātāja rīki vai nospiediet taustiņu F12, lai atvērtu DevTools.
- Tiks atvērts logs Izstrādātāja rīki.
- Noklikšķiniet uz ierīces pārslēgšanas ikonas, lai pārslēgtos uz mobilās vietnes skata režīmu.
- Izvēlieties mobilo ierīci, kurai vēlaties atdarināt (pēc izvēles).
- Tagad varat mainīt ekrāna izmērus atbilstoši savām vajadzībām.
Kā skatīt vietnes mobilo versiju pārlūkprogrammā Chrome Chromebook datorā
Piekļuve vietnes mobilajai versijai pārlūkā Chrome, izmantojot Chromebook datoru, ir ļoti līdzīga pirmajām divām metodēm.
- Atveriet Google Chrome tīmekļa pārlūkprogrammu.
- Atveriet tīmekļa lapu, kurai vēlaties piekļūt savā mobilajā ierīcē.
- Lai piekļūtu izvēlnei, noklikšķiniet uz vertikālās trīs punktu ikonas.
- Velciet kursoru virs vienuma Vairāk rīku sarakstā.
- Atlasiet Izstrādātāja rīki.
- Pārlūkprogrammā tiks atvērts logs Izstrādātāja rīki.
- Pārslēdziet mobilās vietnes skata režīmu, noklikšķinot uz ierīces pārslēgšanas ikonas.
Tas parādīs mobilās vietnes lietotāja interfeisu. Varat arī izvēlēties vēlamo ierīces pieredzi, nolaižamajā lodziņā atlasot marku un modeli. Tīmekļa lapa tiks atsvaidzināta kā darbvirsmas vietne ikreiz, kad aizverat izstrādātāja rīku konsoli.
Kā skatīt vietnes mobilo versiju pārlūkprogrammā Firefox operētājsistēmā Mac
Varat izmantot citas tīmekļa pārlūkprogrammas, piemēram, Firefox, lai skatītu vietni mobilajām ierīcēm Mac datorā. Pārlūka loga izmēru maiņa ir viena no metodēm, ko lielākā daļa tīmekļa izstrādātāju izmanto, lai novērtētu adaptīvā dizaina vietni. Tomēr lielāko daļu laika šī alternatīva nešķiet pieņemama.
Šeit noder Firefox pārlūkprogrammas tīmekļa izstrādes iespējas. Varat pārlūkot savas tīmekļa lapas vairākās izšķirtspējās, ja zināt, kā pārlūkprogrammā Firefox piekļūt vietņu mobilajām versijām. Veiciet tālāk norādītās darbības.
- Atveriet tās vietnes mobilo versiju, kuru vēlaties redzēt.
- Ar peles labo pogu noklikšķiniet uz tīmekļa lapas un izvēlnē atlasiet opciju Pārbaudīt.
- Izvēlieties adaptīvā dizaina režīmu.
- Izvēlieties vietnes ekrāna izmēru.
Kā skatīt vietnes mobilo versiju pārlūkprogrammā Firefox Windows datorā
Windows datoriem ir arī iespēja skatīt vietņu mobilās versijas, izmantojot Firefox. Lūk, kā to izdarīt:
- Datorā palaidiet Firefox.
- Dodieties uz vietni, kuru vēlaties redzēt kā mobilo versiju.
- Atveriet sadaļu Iestatījumi, noklikšķinot uz horizontālās trīs joslu ikonas.
- Tiks parādīta nolaižamā izvēlne, kurā jums būs jāizvēlas Web izstrādātāja opcija.
- Atlasiet adaptīvā dizaina režīmu.
- Visbeidzot, varat atlasīt viedtālruņa modeli, lai redzētu, kā jūsu vietne tiks parādīta šajā ierīcē.
Kā skatīt vietnes mobilo versiju Safari operētājsistēmā Mac
Mēs esam aprakstījuši, kā skatīt mobilo vietni galddatorā, izmantojot pārlūkprogrammas Chrome un Firefox. Bet kā ar noklusējuma pārlūkprogrammu, kas tiek piegādāta kopā ar Mac ierīcēm, Safari? Par laimi, pārlūkprogrammā Safari ir iespējams apskatīt arī vietnes mobilo versiju.
- Palaidiet pārlūkprogrammu Safari.
- Dodieties uz vietni, kuru vēlaties skatīt kā mobilo versiju.
- Noklikšķiniet uz Opcijas un pēc tam uz izvēlnes Izstrādāt.
- Nolaižamajā izvēlnē izvēlieties Ievadiet adaptīvā noformējuma režīmu.
- Tagad varat apskatīt vietnes mobilo versiju.
Papildu bieži uzdotie jautājumi
Vai es varu tālrunī skatīt vietnes darbvirsmas versiju?
Atbilde ir jā! Varat pārslēgties no mobilās versijas uz darbvirsmas versiju, lai pārbaudītu to, neizmantojot datoru. Lai pārslēgtu mobilo versiju uz darbvirsmas versiju pārlūkā Chrome, ir norādītas šādas darbības.
1. Atveriet vietni, kuru vēlaties redzēt darbvirsmas skatā.
2. Pieskarieties trīs punktu ikonai, lai piekļūtu izvēlnei.
3. Tagad atlasiet opciju Desktop View.
Ņemiet vērā, ka šīs darbības var atšķirties atkarībā no jūsu izmantotā tālruņa.
kā lasīt ziņas instagramā
Mobilā tīmekļa izstrādes atvieglošana
Izstrādātāju rīki ir lieliski piemēroti, lai analizētu un modificētu vietnes mobilo versiju darbvirsmā, nepārslēdzot ierīces. Varat mainīt ekrāna izmēru, lai novērotu, kā komponenti darbojas dažādās ierīcēs. Izmantojot adaptīvo režīmu, varat pielāgot dažādus komponentus un izveidot vietni vairākiem ekrāna izmēriem.
Veidojot vietni, dizainerim vienmēr ir jāpatur prātā, kā vietnes priekšpuse parādās tālruņos, planšetdatoros un galddatoros. Rakstā aprakstīto metožu izmantošana var arī palīdzēt izstrādātājam to izdarīt, kā arī noteikt, kuri vietnes komponenti rada problēmas, lai tās novērstu.
Vai esat kādreiz mēģinājis darbvirsmā skatīt vietnes mobilo versiju? Kuru pārlūkprogrammu vēlaties izmantot, lai to izdarītu? Paziņojiet mums tālāk komentāru sadaļā.