Müssen Sie auf einen Smartphone-Browser-Emulator auf Ihrem PC zugreifen, um die mobile Version einer Website zu testen, an der Sie interessiert sind? Vielleicht sind Sie ein Webentwickler oder möchten einer werden und müssen einen mobilen Browser für das Projekt, an dem Sie arbeiten, simulieren. Unabhängig^(Regardless) von Ihren Gründen können Sie wie folgt auf einen mobilen Browser-Emulator in Google Chrome , Mozilla Firefox , Microsoft Edge und Opera zugreifen:

So aktivieren und verwenden Sie den mobilen Browser-Emulator in Google Chrome

Navigieren Sie in Google Chrome zu der Website, die Sie im Emulator für mobile Browser anzeigen möchten. Drücken Sie dann entweder die Tasten CTRL + SHIFT + I auf Ihrer Tastatur oder klicken Sie mit der Maus auf die drei vertikalen Punkte in der oberen rechten Ecke, um das Menü „Google Chrome anpassen und steuern“ zu öffnen. ^{(“Customize and control Google Chrome”)}Wählen Sie Weitere Tools und^{(More tools, )} dann Entwicklertools^{(Developer Tools)} aus .

Greifen Sie^{(Access Developer Tools)} in Google Chrome auf die Entwicklertools zu^{(Google Chrome)}

Klicken oder tippen Sie auf die Schaltfläche „Gerätesymbolleiste umschalten“^{(“Toggle device toolbar”)} (es sieht aus wie ein Smartphone neben einem Tablet) oder drücken Sie CTRL + Shift + M auf Ihrer Tastatur. Dadurch wird die Gerätesymbolleiste aktiviert, in der die mobile Seite geladen wird. Standardmäßig verwendet die Gerätesymbolleiste eine Responsive - Vorlage für die von Ihnen geladene Website. Klicken^(Click) Sie darauf und wählen Sie das Mobilgerät aus, das Sie emulieren möchten. Zu Ihren Optionen gehören viele iPhones, iPads, Surface Duo , zwei Samsung Galaxy - Geräte und ein Moto G4-Simulator für mobile^{(Moto G4 mobile)} Browser für den PC.

So aktivieren Sie den mobilen Browser-Emulator in Google Chrome

TIPP:^(TIP:) Leider können Sie die Tastenkombination CTRL + Shift + M erst verwenden, nachdem Sie die Entwicklertools aktiviert haben.

Navigieren^(Navigate) Sie zu der Website, die Sie testen möchten, wechseln Sie zwischen den verschiedenen Smartphones und Tablets und sehen Sie, wie sie aussieht. Wenn Sie fertig sind, drücken Sie die Schaltfläche X (Schließen)^{(X (Close))} in der oberen rechten Ecke der Entwicklertools von Google Chrome, um zum Standard-Desktop-Browsing-Modus zurückzukehren.

Schließen des mobilen Browser-Emulators Google Chrome

TIPP:^(TIP:) Wenn Sie häufig Google Chrome nutzen , möchten Sie vielleicht auch lernen, wie Sie die Mediensteuerungsoptionen von Google Chrome verwenden^{(how to use Google Chrome’s media control options)} .

So aktivieren und verwenden Sie den mobilen Browser-Emulator in Mozilla Firefox

Öffnen Sie in Mozilla Firefox die Website, für die Sie einen Simulator für mobile Browser verwenden möchten. Drücken Sie dann entweder CTRL + Shift + M auf Ihrer Tastatur oder klicken Sie auf die Burger-Schaltfläche in der oberen rechten Ecke, um das Menü von Firefox zu öffnen, und wählen Sie Web Developer .

Greifen Sie in Firefox^(Firefox) auf die Webentwickler-^{(Web Developer)} Tools zu

Sie sehen ein Menü mit Tools, die für Webentwickler nützlich sind. Wählen Sie in der Liste „Responsive Design Mode“ und dieser spezielle Modus zum Anzeigen einer Webseite wird in Firefox geladen .

Wählen Sie den Responsive Design-Modus^{(Responsive Design Mode)} in Firefox

Firefox aktiviert den Responsive Design Mode . Oben im Fenster sehen Sie die von diesem Emulationsmodus verwendeten Parameter. Wenn kein Gerät ausgewählt ist, klicken oder tippen Sie auf Responsive , um eine Dropdown-Liste mit Geräten zu öffnen, die für die Emulation verfügbar sind, und wählen Sie dann das Gerät aus, das Sie simulieren möchten.

Sie können den mobilen Browser für viele iPhones, das iPad, das Kindle Fire ( Firefox ist der einzige Browser, der diese Emulationsoption anbietet) und Samsung Galaxy S9 - Geräte simulieren.

Verwenden Sie den mobilen Browser-Emulator in Firefox

Wenn Sie mit dem Testen mit dem Smartphone-Browser-Emulator fertig sind, drücken Sie die Schaltfläche X (Responsive Design Mode schließen)^{(X (Close Responsive Design Mode))} in der oberen rechten Ecke von Mozilla Firefox .

Schließen Sie den mobilen Browser-Emulator in Firefox

Sie befinden sich wieder im Standard-Desktop-Browsing-Modus.

Aktivieren und Verwenden des Emulators für mobile Browser in Microsoft Edge

Microsoft Edge verwendet die gleiche Rendering-Engine wie Google Chrome und bietet die gleichen Smartphone-Browser-Emulatoren. Um darauf zuzugreifen, besuchen Sie die Website, die Sie testen möchten, und drücken Sie entweder die Tasten CTRL + SHIFT + I auf Ihrer Tastatur oder klicken Sie auf die drei horizontalen Punkte ( „Einstellungen und mehr“^{(“Settings and more”)} ) in der oberen rechten Ecke von Microsoft Edge . Gehen Sie im angezeigten Menü zu Weitere Tools^{(More tools)} und dann zu Entwicklertools^{(Developer Tools)} .

Greifen Sie auf die Entwicklertools^(Developer) in Microsoft Edge zu^{(Microsoft Edge)}

Klicken Sie auf die Schaltfläche „Geräteemulation umschalten“^{(“Toggle device emulation”)} (es sieht aus wie ein Smartphone neben einem Tablet) oder drücken Sie CTRL + Shift + M auf Ihrer Tastatur. Dadurch wird die Symbolleiste des mobilen Browser-Emulators aktiviert. Standardmäßig wird eine Responsive- Vorlage für die von Ihnen geladene Website verwendet. Klicken^(Click) Sie darauf und wählen Sie das Mobilgerät aus, das Sie emulieren möchten. Ihre Optionen umfassen die gleichen Smartphones und Tablets wie Google Chrome .

Greifen Sie in Microsoft Edge^{(Microsoft Edge)} auf den mobilen Browser-Emulator zu

Durchsuchen Sie die Website, die Sie testen möchten, wechseln Sie zwischen den verschiedenen Mobilgeräten und sehen Sie, wie sie aussieht. Wenn Sie fertig sind, drücken Sie die Schaltfläche X (Schließen)^{(X (Close))} in der oberen rechten Ecke von Microsoft Edge.

Schließen Sie den mobilen Browser-Emulator in Microsoft Edge

Sie befinden sich jetzt wieder im Standard-Desktop-Browsing-Modus.

So aktivieren und verwenden Sie den mobilen Browser-Emulator in Opera

Besuchen Sie in Opera die Webseite, die Sie anzeigen möchten, als ob Sie ein mobiles Gerät verwenden würden. Klicken Sie dann oben links auf das Opera -Symbol ( ^(Opera)„Opera anpassen und steuern“^{(“Customize and control Opera”)} ). Wählen Sie im sich öffnenden Menü Developer gefolgt von Developer Tools . Wenn Sie die Tastatur bevorzugen, drücken Sie die Tasten CTRL+Shift+I , um dasselbe Ergebnis zu erzielen.

Greifen Sie auf die Entwicklertools in Opera zu

Die Entwicklertools^{( Developer tools)} werden auf der rechten Seite des Browserfensters angezeigt. Klicken Sie auf die Schaltfläche „Gerätesymbolleiste umschalten“^{(“Toggle device toolbar”)} (es sieht aus wie ein Smartphone neben einem Tablet) oder drücken Sie CTRL + Shift + M auf Ihrer Tastatur. Auf der linken Seite wird die Gerätesymbolleiste angezeigt. Standardmäßig wird eine Responsive- Vorlage für die von Ihnen geladene Website verwendet. Klicken^(Click) Sie darauf und wählen Sie das mobile Gerät, das Sie emulieren möchten, aus der Liste der Optionen aus. Opera bietet dieselben Emulatoren für mobile Browser wie Google Chrome und Microsoft Edge , da es auf derselben Rendering-Engine ( Chromium ) basiert.

Greifen Sie in Opera^(Opera) auf den mobilen Browser-Emulator zu

Wenn Sie mit dem Testen fertig sind, drücken Sie die Schaltfläche X ( Schließen^(Close) ) in der oberen rechten Ecke, um zum Standard-Desktop-Browsing-Modus zurückzukehren.

Schließen Sie den mobilen Browser-Emulator in Opera

Sind^(Are) Sie mit den verfügbaren Emulationsoptionen für mobile Browser zufrieden?

Jetzt wissen Sie, wie Sie alle Arten von Mobilgeräten in Ihrem bevorzugten Webbrowser emulieren können. Möglicherweise stellen Sie jedoch fest, dass die meisten Webbrowser dieselben Emulationsoptionen bieten, die iPhones und iPads bevorzugen. Wer ein modernes Android -Smartphone oder -Tablet emulieren möchte, hat selbst in Google Chrome – dem von der Firma hinter Android entwickelten Browser – recht geringe Chancen . Wenn Sie die besten Ergebnisse erzielen möchten, müssen Sie für diese Aufgabe möglicherweise zwei Browser verwenden: Chrome und Firefox oder Firefox und Edge oder Opera . Sagen Sie uns vor Ihrer Abreise, was Sie von den verfügbaren Optionen halten.

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

Do you need to аccess a ѕmartphone browser emulatоr on your PC to test the mobіle version of a website you are interested in? Maybe you are a web developer, оr you want to becomе one, and you need to simulate a mobile browѕer for thе project you are working on. Regardless of your reasons, here is how to access a mobile browser emulator in Google Chrome, 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

• So schalten Sie einen Tab in Chrome, Firefox, Microsoft Edge und Opera stumm

• So drucken Sie einen Artikel ohne Werbung in allen gängigen Browsern -

• So pinnen Sie eine Website an die Taskleiste oder das Startmenü in Windows 10

• So machen Sie Chrome zum Standardbrowser in Windows 10 (Firefox & Opera)

• So ändern Sie den Standardbrowser in Windows 11 -

• So aktivieren Sie Java in allen gängigen Webbrowsern

• Über InPrivate und Inkognito. Was ist privates Surfen? Welcher Browser ist der beste?

• 7 Möglichkeiten, wie Browser das private Surfen verbessern sollten (Inkognito, InPrivate usw.)

• So löschen Sie Cookies auf Android (Chrome, Firefox, Opera, Samsung Internet)

• 5 Probleme, die Microsoft Edge zu einem schlechteren Webbrowser als andere machen

• Erstellen Sie InPrivate- oder Incognito-Verknüpfungen für Firefox, Chrome, Edge, Opera oder Internet Explorer

• Bringen Sie Chrome und andere Browser im Vollbildmodus (Edge, Firefox und Opera)

• So gehen Sie in Chrome, Firefox, Edge und Opera inkognito

• So aktualisieren Sie Seiten in Ihrem Browser auf einem Mac (Safari, Chrome, Firefox und Opera)

• Wie vergrößere ich den Text in Chrome, Edge, Firefox und Opera?

• So machen Sie Google zu meiner Suchmaschine in Microsoft Edge -

• So deinstallieren Sie Microsoft Edge von Windows -

• So legen Sie Registerkarten in Microsoft Edge beiseite und verwenden sie später

• Welche Version von Microsoft Edge habe ich? -

• So verhindern Sie, dass Chrome nach dem Speichern von Passwörtern fragt -