Mobil webhelyek elérése asztali böngészővel (PC)

Mindennapi életünkben, miközben az online webhasználattal foglalkozunk, számos webhelyet látogatunk meg naponta. Az ilyen webhelyek bármilyen mobileszközzel(Mobile) történő megnyitásakor általában automatikusan átméretezett és kisebb verziók jelennek meg. Ennek az az oka, hogy az oldal gyorsabban tud betölteni az összes mobileszközön, és ezáltal csökkenti a fogyasztó adathasználatát. Tájékoztatásul, e mögött a bootstrap koncepciót használják. A mobilkompatibilis(mobile compatible) webhely asztali böngészőben való használata akkor válik hasznossá, ha lassabb az internetkapcsolata, és gyorsan be tud tölteni bármilyen weboldalt. Mostantól bármilyen webhely megnyitása mobil verzió formájában nem csak gyorsabb hozzáférést tesz lehetővé a webhelyhez, hanem az adathasználat megtakarítását is segíti.

Mobilwebhelyek elérése asztali böngészővel (PC)

A webhely mobil verziójának asztali böngészőjében való megtekintésének funkciója a fejlesztők számára is segít a mobilwebhelyek ellenőrzésében és tesztelésében. Abban az esetben, ha olyan megközelítést keres, amellyel bármely webhelyet mobil verzióban nyithat meg és érhet el asztali böngészőjéből, ez a cikk Önnek szól.

Mobil webhelyek elérése asztali böngészővel (PC)(Access Mobile Websites Using Desktop Browser (PC))

Ügyeljen arra, hogy  hozzon létre egy visszaállítási pontot(create a restore point)  arra az esetre, ha valami baj lenne.

1. módszer: Nyissa meg a mobilwebhelyeket a Google Chrome segítségével(Method 1: Open Mobile Websites Using Google Chrome)

Bármely webhely mobil verziójának eléréséhez a számítógép böngészőjéből a User-Agent Switching bővítmény(User-Agent Switching extension)(User-Agent Switching extension) használata szükséges . Ez a Chrome(Chrome web) böngészőhöz érhető el. Itt követnie kell néhány lépést, hogy elérje bármely webhely mobil verzióját az asztali Chrome böngészőben.

1. Először(First) is telepítenie kell a User-Agent Switcher bővítményt Chrome böngészőjére erről a linkről(link) .

2. A linkről kattintson a „ Hozzáadás a Chrome(Add to Chrome) -hoz ” lehetőségre a bővítmény böngészőjében való telepítéséhez.

Kattintson a Hozzáadás a Chrome-hoz elemre a User Agent Switcher Extension | telepítéséhez  Mobil webhelyek elérése asztali böngészővel (PC)

3. Megjelenik egy előugró ablak, kattintson a Bővítmény hozzáadása lehetőségre(Add extension) , és indítsa újra a Chrome-ot.

Megjelenik egy felugró ablak, kattintson a Kiterjesztés hozzáadása | gombra  Mobil webhelyek elérése asztali böngészővel

4. Ezután a böngésző egyszerű hozzáférési sávjáról ki kell választania a( select the shortcut for)User-Agent Switcher ” kiterjesztés parancsikonját.

5. Innen ki kell választania a mobil webmotorját, például ha Androidra optimalizált weboldalt szeretne megnyitni, akkor válassza ki az „ Android ” lehetőséget. Bármilyen eszközt kiválaszthat ízlése szerint.

A User Agent Switcher bővítményből válasszon bármilyen eszközt, például Android vagy iOS

6. Most látogasson el bármelyik weboldalra, és a webhely a korábban kiválasztott mobilkompatibilis formátumban lesz.

A webhely mobilkompatibilis formátumban nyílik meg az asztali böngészőben

PROFI TIPP: (PRO TIP:) 12 módszer a Google Chrome gyorsabbá tételére(12 Ways To Make Google Chrome Faster)

2. módszer: Nyissa meg a mobilwebhelyeket a Mozilla Firefox használatával(Method 2: Open Mobile Websites Using Mozilla Firefox)

Egy másik népszerű webböngésző a Mozilla Firefox , amelyben a mobilkompatibilis webhelyek eléréséhez hozzá kell adni egy böngészőbővítményt. Ehhez a következő lépéseket kell végrehajtania:

1. Ha az asztalon Mozilla Firefox webböngésző van telepítve, telepítenie kell egy bővítményt a böngészőjében. Ehhez kattintson a Beállítások(Settings) gombra a böngészőben, és válassza a „ Kiegészítők(Add-ons) ” lehetőséget.

A Mozillában kattintson a Beállítások elemre, majd válassza a Kiegészítők | lehetőséget  Mobil webhelyek elérése asztali böngészővel (PC)

2. Keresse meg a User-Agent Switchert.(Search for the User-Agent Switcher.)

A User Agent Switcher keresése |  Mobil webhelyek elérése asztali böngészővel

3. Most kattintson a User-Agent Switcher bővítménykeresés első eredményére .( first result)

4. A User-Agent Switcher oldalon kattintson a Hozzáadás a Firefoxhoz( Add to Firefox) lehetőségre a bővítmény telepítéséhez.

Most a User-Agent Switcher oldalon kattintson a Hozzáadás a Firefoxhoz lehetőségre

5. A bővítmény(Add-on) telepítése után feltétlenül indítsa újra a Firefoxot(Firefox) .

6. Amikor legközelebb megnyitja a böngészőt, megjelenik a User-Agent Switcher bővítmény parancsikonja.(shortcut of the User-Agent Switcher extension.)

7. Kattintson a parancsikonra(shortcut icon) , és válassza ki az alapértelmezett User-Agent Switche(choose the default User-Agent Switche) r. Választhat bármilyen mobileszközt(Mobile) , asztali böngészőt(Desktop Browser) és operációs rendszert(Operating System) .

Kattintson a parancsikonra, és válassza ki az alapértelmezett User Agent Switchert a Firefoxban

8. Most nyisson meg minden olyan webhelyet, amely megnyílik a webhely mobil verziójában az asztali böngészőben. (mobile version of the website on your desktop browser. )

A webhely mobil verzióban nyílik meg az asztali böngészőben (Firefox) |  Mobil webhelyek elérése asztali böngészővel

3. módszer: Az Opera Mini Simulator használata (elavult)(Method 3: Using Opera Mini Simulator (Deprecated))

Megjegyzés:(Note:) Ez a módszer már nem működik; kérjük használja a következőt.

Ha nem tetszik a User Agent Switcher használatának fenti két módszere , továbbra is megtekintheti bármely webhely mobilra optimalizált verzióját az asztali böngészőben egy másik népszerű szimulátor – az Opera Mini Mobile Website Simulator – segítségével . Az alábbiakban bemutatjuk azokat a lépéseket, amelyekkel az Opera Mini Simulator(Opera Mini Simulator) segítségével hozzáférhet bármely webhely mobil verziójához a számítógép webböngészőjében :

  1. Bármelyik webböngészőt( start any web browser) elindíthatja .
  2. A címsorba írja be, és lépjen az Opera Mini Mobile Website Simulator weboldalra.(Opera Mini Mobile Website Simulator webpage.)
  3. A szimulátor használatának megkezdéséhez bizonyos engedélyeket kell adnia, kattintson az Elfogadom gombra.(Agree.)
  4. Amikor legközelebb megnyit egy webhelyet a böngészőjében, az mobilra optimalizált verzióban lesz.

4. módszer: Használja a Fejlesztői eszközöket: Vizsgálja meg az elemet(Method 4: Use Developer Tools: Inspect Element)

1. Nyissa meg a Google Chrome-ot.

2. Most kattintson a jobb gombbal( right-click) bármelyik oldalra (amelyet mobilkompatibilisként szeretne betölteni), és válassza az Inspect Element/Inspect.

Kattintson a jobb gombbal bármelyik oldalra, és válassza az Elem vizsgálata vagy az Inspect |  Mobil webhelyek elérése asztali böngészővel (PC)

3. Ezzel megnyílik a Fejlesztői eszköz(Tool) ablak.

4. Nyomja meg a Ctrl + Shift + M , és megjelenik egy eszköztár.

Nyomja meg a Ctrl + Shift + M billentyűket, és megjelenik egy eszköztár

5. A legördülő menüből válasszon bármilyen eszközt(select any device) , például iPhone X -et.( iPhone X.)

A legördülő menüből válasszon ki egy eszközt |  Mobil webhelyek elérése asztali böngészővel

6. Élvezze a webhely mobil verzióját az asztali böngészőben.

Ajánlott:(Recommended:)

Remélem, hogy ez a cikk hasznos volt. Mostantól könnyedén elérheti a mobilwebhelyeket az asztali böngészővel( Access Mobile Websites Using the Desktop browser) , de ha továbbra is kérdései vannak ezzel az oktatóanyaggal kapcsolatban, nyugodtan tegye fel őket a megjegyzés részben.



About the author

Szoftvermérnök és felfedező vagyok. Van tapasztalatom a Microsoft Xbox 360-al és a Google Explorerrel is. Szakértői ajánlásokat tudok nyújtani bizonyos szoftverfejlesztő eszközökhöz, valamint segítséget tudok nyújtani az Explorer gyakori hibáinak elhárításában.



Related posts