Heeft u toegang nodig tot een browser-emulator voor smartphones op uw pc om de mobiele versie van een website waarin u geïnteresseerd bent te testen? Misschien ben je een webontwikkelaar, of wil je dat worden, en moet je een mobiele browser simuleren voor het project waaraan je werkt. Ongeacht^(Regardless) uw redenen, hier leest u hoe u toegang krijgt tot een mobiele browseremulator in Google Chrome , Mozilla Firefox , Microsoft Edge en Opera:

Hoe de mobiele browser-emulator in Google Chrome^{(Google Chrome)} in te schakelen en te gebruiken

Navigeer in Google Chrome naar de website die u wilt bekijken in de mobiele browseremulator. Druk vervolgens op de toetsen CTRL + SHIFT + I op uw toetsenbord of klik met de muis op de drie verticale stippen in de rechterbovenhoek om het menu "Google Chrome aanpassen en beheren" te openen. ^{(“Customize and control Google Chrome”)}Kies Meer tools,^{(More tools, )} gevolgd door Developer Tools .

Toegang tot ontwikkelaarstools^{(Access Developer Tools)} in Google Chrome

Klik of tik op de knop "Toggle device toolbar" (het lijkt op een smartphone naast een tablet) of druk op CTRL + Shift + M op je toetsenbord. Dit activeert de apparaatwerkbalk waar de mobiele pagina is geladen. Standaard gebruikt de apparaatwerkbalk een responsieve^(Responsive) sjabloon voor de site die u hebt geladen. Klik^(Click) erop en kies het mobiele apparaat dat u wilt emuleren. Je opties omvatten veel iPhones, iPads, Surface Duo , twee Samsung Galaxy - apparaten en een Moto G4 mobiele^{(Moto G4 mobile)} browsersimulator voor pc.

Hoe de mobiele browser-emulator in Google Chrome in te schakelen^{(Google Chrome)}

TIP: Helaas kunt u de sneltoets CTRL + Shift + M

Navigeer^(Navigate) naar de site die u wilt testen, schakel tussen de verschillende smartphones en tablets en kijk hoe deze eruitziet. Als u klaar bent, drukt u op de X^{(X (Close))} -knop (Sluiten) in de rechterbovenhoek van de ontwikkelaarstools van Google Chrome om terug te gaan naar de standaard bladermodus op het bureaublad.

De mobiele browser-emulator Google Chrome sluiten^{(Google Chrome)}

TIP: Als je een zware Google Chrome - gebruiker bent, wil je misschien ook leren hoe je de mediabesturingsopties van Google Chrome gebruikt^{(how to use Google Chrome’s media control options)} .

Hoe de mobiele browser-emulator in Mozilla Firefox^{(Mozilla Firefox)} in te schakelen en te gebruiken?

Open in Mozilla Firefox de site waarvoor u een mobiele browsersimulator wilt gebruiken. Druk vervolgens op CTRL + Shift + M op uw toetsenbord of klik op de burger-knop in de rechterbovenhoek om het menu van Firefox te openen en kies Webontwikkelaar^{(Web Developer)} .

Toegang tot de hulpprogramma's voor webontwikkelaars^{(Web Developer)} in Firefox

Je ziet een menu vol tools die handig zijn voor webontwikkelaars. Selecteer in de lijst "Responsive Design Mode" en deze specifieke modus voor het bekijken van een webpagina wordt geladen in Firefox .

Kies de Responsive Design-modus^{(Responsive Design Mode)} in Firefox

Firefox schakelt de Responsive Design-modus in^{(Responsive Design Mode)} . Boven aan het venster ziet u de parameters die door deze emulatiemodus worden gebruikt. Als er geen apparaat is geselecteerd, klikt of tikt u op Responsief^(Responsive) om een ​​vervolgkeuzelijst te openen met apparaten die beschikbaar zijn voor emulatie, en kiest u vervolgens degene die u wilt simuleren.

Je kunt de mobiele browser simuleren voor veel iPhones, de iPad, de Kindle Fire ( Firefox is de enige browser die deze emulatieoptie aanbiedt) en Samsung Galaxy S9- apparaten.

Gebruik de mobiele browser-emulator in Firefox

Wanneer u klaar bent met testen met de browseremulator voor smartphones, drukt u op de X-knop (Responsive Design Mode sluiten)^{(X (Close Responsive Design Mode))} in de rechterbovenhoek van Mozilla Firefox .

Sluit de mobiele browser-emulator in Firefox

U bent terug in de standaard bladermodus op het bureaublad.

Hoe de mobiele browser-emulator in Microsoft Edge^{(Microsoft Edge)} in te schakelen en te gebruiken?

Microsoft Edge gebruikt dezelfde rendering-engine als Google Chrome en biedt dezelfde browser-emulators voor smartphones. Om ze te openen, gaat u naar de website die u wilt testen en drukt u op de toetsen CTRL + SHIFT + I op uw toetsenbord of klikt u op de drie horizontale stippen ( "Instellingen en meer"^{(“Settings and more”)} ) in de rechterbovenhoek van Microsoft Edge . Ga in het menu dat verschijnt naar Meer tools^{(More tools)} en vervolgens naar Developer Tools .

Toegang tot de ontwikkelaarstools^(Developer) in Microsoft Edge

Klik op de knop "Toggle device emulation" (het lijkt op een smartphone naast een tablet) of druk op CTRL + Shift + M op je toetsenbord. Dit activeert de werkbalk van de emulator voor mobiele browsers. Standaard gebruikt het een Responsive- sjabloon voor de site die u hebt geladen. Klik^(Click) erop en kies het mobiele apparaat dat u wilt emuleren. Uw opties omvatten dezelfde smartphones en tablets als Google Chrome .

Toegang tot de mobiele browser-emulator in Microsoft Edge

Blader door de site die u wilt testen, wissel tussen de verschillende mobiele apparaten en kijk hoe deze eruitziet. Als u klaar bent, drukt u op de X-knop (Sluiten)^{(X (Close))} in de rechterbovenhoek van Microsoft Edge.

Sluit de mobiele browser-emulator in Microsoft Edge

U bent nu terug in de standaard bladermodus op het bureaublad.

Hoe de mobiele browser-emulator in Opera^(Opera) in te schakelen en te gebruiken

Ga in Opera naar de webpagina die u wilt bekijken alsof u een mobiel apparaat gebruikt. Klik vervolgens op het Opera -pictogram in de linkerbovenhoek ( "Opera aanpassen en beheren"^{(“Customize and control Opera”)} ). Kies in het menu dat wordt geopend de optie Ontwikkelaar^(Developer) gevolgd door Hulpprogramma's voor ontwikkelaars^{(Developer tools)} . Als u de voorkeur geeft aan het toetsenbord, drukt u op de toetsen CTRL+Shift+I voor hetzelfde resultaat.

Toegang tot de ontwikkelaarstools in Opera

De ontwikkelaarstools^{( Developer tools)} worden weergegeven aan de rechterkant van het browservenster. Klik op de knop "Toggle device toolbar" (het lijkt op een smartphone naast een tablet) of druk op CTRL + Shift + M op je toetsenbord. De werkbalk van het apparaat wordt aan de linkerkant weergegeven. Standaard gebruikt het een Responsive- sjabloon voor de site die u hebt geladen. Klik^(Click) erop en kies het mobiele apparaat dat u wilt emuleren uit de lijst met opties. Opera biedt dezelfde emulators voor mobiele browsers als Google Chrome en Microsoft Edge , omdat het is gebaseerd op dezelfde weergave-engine ( Chromium ).

Toegang tot de mobiele browser-emulator in Opera

Wanneer u klaar bent met testen, drukt u op de X ( Sluiten^(Close) ) knop in de rechterbovenhoek om terug te gaan naar de standaard bladermodus op het bureaublad.

Sluit de mobiele browser-emulator in Opera

Bent^(Are) u tevreden met de beschikbare emulatie-opties voor mobiele browsers?

Nu weet je hoe je allerlei soorten mobiele apparaten kunt emuleren in je favoriete webbrowser. U zult echter merken dat de meeste webbrowsers dezelfde emulatie-opties bieden die de voorkeur geven aan iPhones en iPads. Als je een moderne Android^(Android) -smartphone of -tablet wilt emuleren , zijn je kansen vrij klein, zelfs in Google Chrome - de browser die is ontwikkeld door het bedrijf achter Android . Als u de beste resultaten wilt, moet u mogelijk twee browsers gebruiken voor deze taak: Chrome en Firefox , of Firefox en Edge of Opera . Vertel ons voordat u vertrekt wat u van de beschikbare opties vindt.

How to use the mobile browser emulator in Chrome, Firefox, Edge, and Opera -

Do yoυ need to acceѕs a smartphone browser emulator on your PC to test the mobile verѕion оf a website yоu are interested in? Maybe you are a web developer, or you want to become one, and you need to simulate a mobile browser for the project you are wоrking on. Regardless of your reasons, here is how to access a mоbile browser emulаtor in Google Chromе, Mozilla Firefox, Microsoft Edge, and Opera:

How to turn on and use the mobile browser emulator in Google Chrome

In Google Chrome, navigate to the website that you want to view in the mobile browser emulator. Then, either press the CTRL + SHIFT + I keys on your keyboard or, with the mouse, click the three vertical dots in the top-right corner to open the “Customize and control Google Chrome” menu. Choose More tools, followed by Developer Tools.

Access Developer Tools in Google Chrome

Click or tap on the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the device toolbar where the mobile page is loaded. By default, the device toolbar uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include many iPhones, iPads, Surface Duo, two Samsung Galaxy devices, and a Moto G4 mobile browser simulator for PC.

How to enable the mobile browser emulator in Google Chrome

TIP: Unfortunately, you can use the CTRL + Shift + M keyboard shortcut only after enabling the developer tools.

Navigate the site you want to test, switch between the different smartphones and tablets, and see how it looks. When you are done, press the X (Close) button in the top-right corner of Google Chrome’s developer tools to get back to the standard desktop browsing mode.

Closing the mobile browser emulator Google Chrome

TIP: If you are a heavy Google Chrome user, you may also want to learn how to use Google Chrome’s media control options.

How to turn on and use the mobile browser emulator in Mozilla Firefox

In Mozilla Firefox, open the site for which you want to use a mobile browser simulator. Then, either press CTRL + Shift + M on your keyboard or click the burger button on the top-right corner to open Firefox’s menu, and choose Web Developer.

Access the Web Developer tools in Firefox

You see a menu filled with tools that are useful to web developers. In the list, select “Responsive Design Mode,” and this particular mode of viewing a web page is loaded in Firefox.

Choose the Responsive Design Mode in Firefox

Firefox enables the Responsive Design Mode. At the top of the window, you see the parameters used by this emulation mode. If no device is selected, click or tap on Responsive to open a drop-down list with devices available for emulation, and then choose the one that you want to simulate.

You can simulate the mobile browser for many iPhones, the iPad, the Kindle Fire (Firefox is the only browser to offer this emulation option), and Samsung Galaxy S9 devices.

Use the mobile browser emulator in Firefox

When you’re done testing with the smartphone browser emulator, press the X (Close Responsive Design Mode) button on the top-right corner of Mozilla Firefox.

Close the mobile browser emulator in Firefox

You are back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Microsoft Edge

Microsoft Edge uses the same rendering engine as Google Chrome and offers the same smartphone browser emulators. To access them, visit the website that you want to test, and either press the CTRL + SHIFT + I keys on your keyboard or click the three horizontal dots (“Settings and more”) in the top-right corner of Microsoft Edge. In the menu that appears, go to More tools and then to Developer Tools.

Access the Developer tools in Microsoft Edge

Click the “Toggle device emulation” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. This activates the mobile browser emulator toolbar. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate. Your options include the same smartphones and tablets as Google Chrome.

Access the mobile browser emulator in Microsoft Edge

Browse the site you want to test, change between the different mobile devices, and see how it looks. When you are done, press the X (Close) button in Microsoft Edge’s top-right corner.

Close the mobile browser emulator in Microsoft Edge

You are now back to the standard desktop browsing mode.

How to turn on and use the mobile browser emulator in Opera

In Opera, visit the web page that you want to view as if you were using a mobile device. Then click the Opera icon on the top-left (“Customize and control Opera”). In the menu that opens, choose Developer followed by Developer tools. If you prefer the keyboard, press the CTRL+Shift+I keys for the same result.

Access the Developer tools in Opera

The Developer tools are displayed on the right side of the browser window. Click the “Toggle device toolbar” button (it looks like a smartphone next to a tablet) or press CTRL + Shift + M on your keyboard. The device toolbar is shown on the left. By default, it uses a Responsive template for the site you loaded. Click on it and choose the mobile device that you want to emulate from the list of options. Opera offers the same mobile browser emulators as Google Chrome and Microsoft Edge, as it is based on the same rendering engine (Chromium).

Access the mobile browser emulator in Opera

When you are done testing, press the X (Close) button in the top-right corner to get back to the standard desktop browsing mode.

Close the mobile browser emulator in Opera

Are you happy with the mobile browser emulation options available?

Now you know how to emulate all kinds of mobile devices in your favorite web browser. However, you might notice that most web browsers offer the same emulation options that favor iPhones and iPads. If you want to emulate a modern Android smartphone or tablet, your chances are pretty slim, even in Google Chrome - the browser developed by the company behind Android. If you want the best results, you might need to use two browsers for this task: Chrome and Firefox, or Firefox and Edge or Opera. Before you go, tell us what you think about the available options.

Related posts

• Een tabblad dempen in Chrome, Firefox, Microsoft Edge en Opera

• Een artikel afdrukken zonder advertenties in alle belangrijke browsers -

• Een website vastzetten op de taakbalk of het Startmenu in Windows 10

• Chrome de standaardbrowser maken in Windows 10 (Firefox & Opera)

• Hoe de standaardbrowser in Windows 11 te wijzigen -

• 12 manieren om tabbladen te beheren in Microsoft Edge -

• Hoe Google Chrome in de donkere modus te zetten -

• Welke versie van Microsoft Edge heb ik? -

• Hoe u pagina's hard ververst in uw browser, op een Mac (Safari, Chrome, Firefox en Opera)

• Do Not Track inschakelen in Chrome, Firefox, Edge en Opera

• De taal wijzigen in Firefox op Windows en Mac

• De downloadlocatie van Microsoft Edge wijzigen -

• Een proxyserver instellen in Chrome, Firefox, Edge en Opera

• Hoe de Microsoft Edge Collections te gebruiken -

• Hoe Flash in Firefox in te schakelen -

• Wachtwoorden importeren in LastPass vanuit Chrome, Firefox, Opera en Microsoft Edge

• Incognito gaan in Chrome, Firefox, Edge en Opera

• Tabbladen opzij zetten in Microsoft Edge en ze later gebruiken

• Hoe u Microsoft Edge-extensies kunt krijgen, configureren en verwijderen -

• 7 manieren waarop browsers privé browsen moeten verbeteren (Incognito, InPrivate, enz.)