A mobilböngésző emulátor használata Chrome-ban, Firefoxban, Edge-ben és Opera-ban -
El kell érnie egy okostelefon böngésző emulátort a számítógépén, hogy tesztelje egy Önt érdeklő webhely mobil verzióját? Lehet, hogy Ön webfejlesztő, vagy szeretne azzá válni, és mobilböngészőt kell szimulálnia ahhoz a projekthez, amelyen dolgozik. Indokaitól függetlenül(Regardless) a következőképpen érheti el a mobilböngésző emulátort a Google Chrome , a Mozilla Firefox , a Microsoft Edge és az Opera böngészőben:
A mobilböngésző emulátor bekapcsolása és használata a Google Chrome -ban(Google Chrome)
A Google Chrome böngészőben(Google Chrome) keresse meg azt a webhelyet, amelyet meg szeretne tekinteni a mobilböngésző emulátorában. Ezután nyomja meg a CTRL + SHIFT + I billentyűket a billentyűzeten, vagy kattintson az egérrel a három függőleges pontra a jobb felső sarokban a „Google Chrome testreszabása és vezérlése”(“Customize and control Google Chrome”) menü megnyitásához. Válassza a További eszközök,(More tools, ) majd a Fejlesztői eszközök lehetőséget(Developer Tools) .
Nyissa meg a Fejlesztői eszközöket(Access Developer Tools) a Google Chrome -ban(Google Chrome)
Kattintson vagy koppintson az „Eszköztár váltása”(“Toggle device toolbar”) gombra (úgy néz ki, mint egy okostelefon a táblagép mellett), vagy nyomja meg a CTRL + Shift + M billentyűkombinációt a billentyűzeten. Ez aktiválja az eszköz eszköztárát, ahol a mobiloldal betöltődik. Alapértelmezés szerint az eszköz eszköztára adaptív(Responsive) sablont használ a betöltött webhelyhez. Kattintson(Click) rá, és válassza ki az emulálni kívánt mobileszközt. Számos iPhone, iPad, Surface Duo , két Samsung Galaxy eszköz és egy Moto G4(Moto G4 mobile) mobilböngésző szimulátor PC-hez tartozik a lehetőségek között.
A mobilböngésző emulátor engedélyezése a Google Chrome -ban(Google Chrome)
TIPP:(TIP:) Sajnos a CTRL + Shift + M billentyűparancsot csak a fejlesztői eszközök engedélyezése után használhatja.
Navigáljon(Navigate) a tesztelni kívánt webhelyen, váltson a különböző okostelefonok és táblagépek között, és nézze meg, hogyan néz ki. Ha végzett, nyomja meg az X (Bezárás)(X (Close)) gombot a Google Chrome fejlesztői eszközeinek jobb felső sarkában, hogy visszatérjen a normál asztali böngészési módba.
A Google Chrome(Google Chrome) mobilböngésző emulátor bezárása
TIPP:(TIP:) Ha Ön erős Google Chrome -felhasználó, érdemes megtudnia, hogyan használhatja a Google Chrome médiavezérlő beállításait(how to use Google Chrome’s media control options) .
A mobilböngésző emulátor bekapcsolása és használata a Mozilla Firefoxban(Mozilla Firefox)
A Mozilla Firefoxban(Mozilla Firefox) nyissa meg azt a webhelyet, amelyhez mobilböngésző-szimulátort szeretne használni. Ezután nyomja meg a CTRL + Shift + M billentyűkombinációt a billentyűzeten, vagy kattintson a jobb felső sarokban lévő burger gombra a Firefox menüjének megnyitásához, és válassza a Web Developer lehetőséget .
Nyissa meg a webfejlesztői(Web Developer) eszközöket a Firefoxban(Firefox)
Lát egy menüt, amely tele van olyan eszközökkel, amelyek hasznosak a webfejlesztők számára. A listában válassza a „Reszponzív tervezési mód” lehetőséget,(“Responsive Design Mode,”) és ez a weboldal-megtekintési mód betöltődik a Firefoxban(Firefox) .
Válassza a Reszponzív tervezési módot(Responsive Design Mode) a Firefoxban(Firefox)
A Firefox engedélyezi az érzékeny tervezési módot(Responsive Design Mode) . Az ablak tetején az emulációs mód által használt paraméterek láthatók. Ha nincs kiválasztva eszköz, kattintson vagy koppintson a Reszponzív(Responsive) elemre, hogy megnyissa az emulációhoz elérhető eszközöket tartalmazó legördülő listát, majd válassza ki a szimulálni kívánt eszközt.
A mobilböngészőt számos iPhone-on, iPaden, Kindle Fire -n ( a Firefox az egyetlen böngésző, amely ezt az emulációs lehetőséget kínálja) és Samsung Galaxy S9 készüléken szimulálhatja.
Használja a mobil böngésző emulátort a Firefoxban(Firefox)
Ha végzett az okostelefon-böngésző emulátorral, nyomja meg az X (Responsive Design Mode bezárása)(X (Close Responsive Design Mode)) gombot a Mozilla Firefox jobb felső sarkában .
Zárja be a mobilböngésző emulátort a Firefoxban(Firefox)
Visszatér a normál asztali böngészési módba.
A mobilböngésző emulátor bekapcsolása és használata a Microsoft Edge -ben(Microsoft Edge)
A Microsoft Edge(Microsoft Edge) ugyanazt a renderelő motort használja, mint a Google Chrome , és ugyanazokat az okostelefon-böngésző-emulátorokat kínálja. Eléréséhez látogasson el a tesztelni kívánt webhelyre, és nyomja meg a CTRL + SHIFT + I billentyűket a billentyűzeten, vagy kattintson a három vízszintes pontra ( "Beállítások és egyebek"(“Settings and more”) ) a Microsoft Edge jobb felső sarkában . A megjelenő menüben lépjen a További eszközök(More tools) , majd a Fejlesztői eszközök elemre(Developer Tools) .
Nyissa meg a Microsoft Edge fejlesztői(Developer) eszközeit
Kattintson az „Eszközemuláció váltása”(“Toggle device emulation”) gombra (úgy néz ki, mint egy okostelefon a táblagép mellett), vagy nyomja meg a CTRL + Shift + M billentyűket a billentyűzeten. Ez aktiválja a mobilböngésző emulátor eszköztárát. Alapértelmezés szerint adaptív(Responsive) sablont használ a betöltött webhelyhez. Kattintson(Click) rá, és válassza ki az emulálni kívánt mobileszközt. A lehetőségek között ugyanazok az okostelefonok és táblagépek szerepelnek, mint a Google Chrome .
Nyissa meg a mobilböngésző emulátort a Microsoft Edge -ben(Microsoft Edge)
Böngésszen a tesztelni kívánt webhelyen, váltson a különböző mobileszközök között, és nézze meg, hogyan néz ki. Ha végzett, nyomja meg az X (Bezárás)(X (Close)) gombot a Microsoft Edge jobb felső sarkában.
Zárja be a mobilböngésző emulátort a Microsoft Edge -ben(Microsoft Edge)
Most visszatért a normál asztali böngészési módba.
A mobilböngésző emulátor bekapcsolása és használata az Operában(Opera)
Az Operában(Opera) keresse fel azt a weboldalt, amelyet úgy szeretne megtekinteni, mintha mobileszközt használna. Ezután kattintson az Opera ikonra a bal felső sarokban ( "Az Opera testreszabása és vezérlése"(“Customize and control Opera”) ). A megnyíló menüben válassza a Fejlesztő(Developer) , majd a Fejlesztői eszközök lehetőséget(Developer tools) . Ha a billentyűzetet részesíti előnyben, nyomja meg a CTRL+Shift+I billentyűket ugyanerre az eredményre.
Nyissa meg az Opera fejlesztői eszközeit
A fejlesztői eszközök( Developer tools) a böngészőablak jobb oldalán jelennek meg. Kattintson az „Eszköztár váltása”(“Toggle device toolbar”) gombra (úgy néz ki, mint egy okostelefon a táblagép mellett), vagy nyomja meg a CTRL + Shift + M billentyűket a billentyűzeten. A készülék eszköztára a bal oldalon látható. Alapértelmezés szerint adaptív(Responsive) sablont használ a betöltött webhelyhez. Kattintson(Click) rá, és válassza ki az emulálni kívánt mobileszközt a lehetőségek listájából. Az Opera ugyanazokat a mobilböngésző-emulátorokat kínálja, mint a Google Chrome és a Microsoft Edge , mivel ugyanazon a renderelőmotoron ( Chromium ) alapul.
Nyissa meg az Opera(Opera) mobilböngésző emulátorát
Ha végzett a teszteléssel, nyomja meg az X ( Bezárás(Close) ) gombot a jobb felső sarokban, hogy visszatérjen a normál asztali böngészési módba.
Zárja be az Opera(Opera) mobilböngésző emulátorát
Elégedett(Are) a mobilböngésző elérhető emulációs lehetőségeivel?
Most már tudja, hogyan emulálhat mindenféle mobileszközt kedvenc webböngészőjében. Azonban észreveheti, hogy a legtöbb webböngésző ugyanazokat az emulációs lehetőségeket kínálja, mint az iPhone-ok és iPad-ek. Ha egy modern Android(Android) okostelefont vagy táblagépet szeretne emulálni , akkor még a Google Chrome böngészőben is elég kicsi az esélye – az Android mögött álló cég által kifejlesztett böngészőben . Ha a legjobb eredményt szeretné elérni, előfordulhat, hogy két böngészőt kell használnia ehhez a feladathoz: Chrome és Firefox , vagy Firefox és Edge vagy Opera . Mielőtt elindulna, mondja el, mit gondol az elérhető lehetőségekről.
Related posts
Lap némítása Chrome, Firefox, Microsoft Edge és Opera böngészőben
Hogyan nyomtathat ki egy cikket hirdetések nélkül az összes főbb böngészőben -
Webhely rögzítése a tálcához vagy a Start menühöz a Windows 10 rendszerben
Hogyan lehet a Chrome-ot alapértelmezett böngészővé tenni a Windows 10 rendszerben (Firefox és Opera)
Az alapértelmezett böngésző megváltoztatása a Windows 11 rendszerben -
Hogyan lehet a Google-t keresőmotorommá tenni a Microsoft Edge-ben -
A Flash engedélyezése a Firefoxban -
A Chrome-értesítések kikapcsolása: Minden, amit tudnia kell -
Az Adobe Flash Player blokkolásának feloldása a Windows 10 Microsoft Edge rendszerében -
A Firefox nyelvének megváltoztatása Windows és Mac rendszeren
Hol tárolják a cookie-kat a Windows 10 rendszerben az összes főbb böngészőhöz?
Melyik böngésző fogja tovább bírni az akkumulátort a Windows 10 rendszerben?
7 módszer, amellyel a böngészők javíthatják a privát böngészést (inkognitó, InPrivate stb.)
A 10 legjobb Microsoft Edge kiegészítő 2021-ben -
Tegye teljes képernyőre a Chrome-ot és más böngészőket (Edge, Firefox és Opera)
5 olyan probléma, amely miatt a Microsoft Edge rosszabb webböngésző, mint mások
A Microsoft Edge bővítmények beszerzése, konfigurálása és eltávolítása -
A Microsoft Edge eltávolítása a Windows rendszerről -
A cookie-k törlése Androidon (Chrome, Firefox, Opera, Samsung Internet)
Az InPrivate és az Incognito. Mi az a privát böngészés? Melyik a legjobb böngésző?