Behöver du komma åt en smartphone webbläsaremulator på din PC för att testa mobilversionen av en webbplats du är intresserad av? Kanske är du webbutvecklare, eller så vill du bli det, och du behöver simulera en mobil webbläsare för projektet du arbetar med. Oavsett^(Regardless) dina skäl, så här får du åtkomst till en mobil webbläsaremulator i Google Chrome , Mozilla Firefox , Microsoft Edge och Opera:

Hur man sätter på och använder den mobila webbläsaremulatorn i Google Chrome

I Google Chrome navigerar du till webbplatsen som du vill visa i den mobila webbläsaremulatorn. Sedan trycker du antingen på CTRL + SHIFT + I -tangenterna på ditt tangentbord eller klickar med musen på de tre vertikala prickarna i det övre högra hörnet för att öppna menyn "Anpassa och styr Google Chrome"^{(“Customize and control Google Chrome”)} . Välj Fler verktyg^{(More tools, )} följt av Utvecklarverktyg^{(Developer Tools)} .

Få tillgång till utvecklarverktyg^{(Access Developer Tools)} i Google Chrome

Klicka eller tryck på knappen "Växla enhets verktygsfält"^{(“Toggle device toolbar”)} (det ser ut som en smartphone bredvid en surfplatta) eller tryck på CTRL + Shift + M på ditt tangentbord. Detta aktiverar enhetens verktygsfält där mobilsidan laddas. Som standard använder enhetens verktygsfält en responsiv^(Responsive) mall för webbplatsen du laddade. Klicka^(Click) på den och välj den mobila enhet som du vill emulera. Dina alternativ inkluderar många iPhones, iPads, Surface Duo , två Samsung Galaxy - enheter och en Moto G4 mobil^{(Moto G4 mobile)} webbläsarsimulator för PC.

Hur man aktiverar den mobila webbläsaremulatorn i Google Chrome

TIPS:^(TIP:) Tyvärr kan du använda kortkommandot CTRL + Shift + M endast efter att du har aktiverat utvecklarverktygen.

Navigera^(Navigate) på webbplatsen du vill testa, växla mellan de olika smartphones och surfplattor och se hur den ser ut. När du är klar trycker du på X-knappen (Stäng)^{(X (Close))} i det övre högra hörnet av Google Chromes utvecklarverktyg för att återgå till det vanliga webbläsarläget för skrivbordet.

Stänger den mobila webbläsaremulatorn Google Chrome

TIPS:^(TIP:) Om du är en tung Google Chrome- användare kanske du också vill lära dig hur du använder Google Chromes mediekontrollalternativ^{(how to use Google Chrome’s media control options)} .

Hur man slår på och använder den mobila webbläsaremulatorn i Mozilla Firefox

I Mozilla Firefox öppnar du webbplatsen som du vill använda en mobil webbläsarsimulator för. Sedan trycker du antingen på CTRL + Shift + M på ditt tangentbord eller klickar på hamburgerknappen i det övre högra hörnet för att öppna Firefoxs meny och väljer Webbutvecklare^{(Web Developer)} .

Få åtkomst till webbutvecklarverktygen^{(Web Developer)} i Firefox

Du ser en meny fylld med verktyg som är användbara för webbutvecklare. Välj "Responsivt designläge"^{(“Responsive Design Mode,”)} i listan och det här läget för att visa en webbsida laddas i Firefox .

Välj Responsive Design Mode i Firefox

Firefox aktiverar responsivt designläge^{(Responsive Design Mode)} . Överst i fönstret ser du parametrarna som används av detta emuleringsläge. Om ingen enhet är vald, klicka eller tryck på Responsive för att öppna en rullgardinslista med enheter tillgängliga för emulering och välj sedan den som du vill simulera.

Du kan simulera den mobila webbläsaren för många iPhones, iPad, Kindle Fire ( Firefox är den enda webbläsaren som erbjuder detta emuleringsalternativ) och Samsung Galaxy S9- enheter.

Använd den mobila webbläsaremulatorn i Firefox

När du är klar med att testa med smarttelefonens webbläsaremulator, tryck på X-knappen (Stäng responsivt designläge)^{(X (Close Responsive Design Mode))} i det övre högra hörnet av Mozilla Firefox .

Stäng den mobila webbläsaremulatorn i Firefox

Du är tillbaka till det vanliga webbläsarläget på skrivbordet.

Hur man slår på och använder den mobila webbläsaremulatorn i Microsoft Edge

Microsoft Edge använder samma renderingsmotor som Google Chrome och erbjuder samma smartphone webbläsaremulatorer. För att komma åt dem, besök webbplatsen som du vill testa och tryck antingen på CTRL + SHIFT + I - tangenterna på ditt tangentbord eller klicka på de tre horisontella prickarna ( “Inställningar och mer”^{(“Settings and more”)} ) i det övre högra hörnet av Microsoft Edge . I menyn som visas, gå till Fler verktyg^{(More tools)} och sedan till Utvecklarverktyg^{(Developer Tools)} .

Få tillgång till utvecklarverktygen^(Developer) i Microsoft Edge

Klicka på knappen "Växla enhetsemulering"^{(“Toggle device emulation”)} (det ser ut som en smartphone bredvid en surfplatta) eller tryck på CTRL + Shift + M på ditt tangentbord. Detta aktiverar verktygsfältet för den mobila webbläsarens emulator. Som standard använder den en responsiv^(Responsive) mall för webbplatsen du laddade. Klicka^(Click) på den och välj den mobila enhet som du vill emulera. Dina alternativ inkluderar samma smartphones och surfplattor som Google Chrome .

Öppna den mobila webbläsaremulatorn i Microsoft Edge

Bläddra på webbplatsen du vill testa, byt mellan de olika mobila enheterna och se hur den ser ut. När du är klar trycker du på X-knappen (Stäng)^{(X (Close))} i Microsoft Edges övre högra hörn.

Stäng den mobila webbläsaremulatorn i Microsoft Edge

Du är nu tillbaka till standardläget för skrivbordssurfning.

Hur man slår på och använder den mobila webbläsaremulatorn i Opera

I Opera besöker du webbsidan som du vill visa som om du använde en mobil enhet. Klicka sedan på Opera -ikonen uppe till vänster ( "Anpassa och styr Opera"^{(“Customize and control Opera”)} ). I menyn som öppnas väljer du Utvecklare^(Developer) följt av Utvecklarverktyg^{(Developer tools)} . Om du föredrar tangentbordet, tryck på CTRL+Shift+I för samma resultat.

Få tillgång till utvecklarverktygen i Opera

Utvecklarverktygen visas^{( Developer tools)} på höger sida av webbläsarfönstret. Klicka på knappen "Växla enhetsverktygsfält"^{(“Toggle device toolbar”)} (det ser ut som en smartphone bredvid en surfplatta) eller tryck på CTRL + Shift + M på ditt tangentbord. Enhetens verktygsfält visas till vänster. Som standard använder den en responsiv^(Responsive) mall för webbplatsen du laddade. Klicka^(Click) på den och välj den mobila enhet som du vill emulera från listan med alternativ. Opera erbjuder samma mobila webbläsaremulatorer som Google Chrome och Microsoft Edge , eftersom den är baserad på samma renderingsmotor ( Chromium ).

Öppna den mobila webbläsaremulatorn i Opera

När du är klar med testningen, tryck på X ( Stäng^(Close) )-knappen i det övre högra hörnet för att gå tillbaka till standardläget för skrivbordssurfning.

Stäng den mobila webbläsaremulatorn i Opera

Är^(Are) du nöjd med de tillgängliga emuleringsalternativen för mobilwebbläsare?

Nu vet du hur du emulerar alla typer av mobila enheter i din favoritwebbläsare. Men du kanske märker att de flesta webbläsare erbjuder samma emuleringsalternativ som gynnar iPhones och iPads. Om du vill efterlikna en modern Android- smarttelefon eller surfplatta är dina chanser ganska små, även i Google Chrome – webbläsaren som utvecklats av företaget bakom Android . Om du vill ha bästa resultat kan du behöva använda två webbläsare för denna uppgift: Chrome och Firefox , eller Firefox och Edge eller Opera . Innan du går, berätta för oss vad du tycker om de tillgängliga alternativen.

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

Do you need to access a smаrtphone brоwser emulator on your PC to test the mobile version of a websіte you are interested in? Maybe you are а web developer, or yoυ want to bесome one, and you need to simulate a mobile browser for the project you are working on. Regardless of your reasons, here is how to acceѕs a mоbile browser emulator in Google Chrome, Mozіlla 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

• Så här stänger du av en flik i Chrome, Firefox, Microsoft Edge och Opera

• Hur man skriver ut en artikel utan annonser i alla större webbläsare -

• Hur man fäster en webbplats till aktivitetsfältet eller Start-menyn i Windows 10

• Hur man gör Chrome till standardwebbläsare i Windows 10 (Firefox och Opera)

• Så här ändrar du standardwebbläsaren i Windows 11 -

• Vilken version av Microsoft Edge har jag? -

• Så här aktiverar du Do Not Track i Chrome, Firefox, Edge och Opera

• Hur man avblockerar Adobe Flash Player i Google Chrome -

• 12 sätt att hantera flikar i Microsoft Edge -

• Hur man rensar cookies på Android (Chrome, Firefox, Opera, Samsung Internet)

• Hur man gör Google till min sökmotor i Microsoft Edge -

• Hur man hämtar, konfigurerar och tar bort Microsoft Edge-tillägg -

• Hur man sätter Google Chrome i mörkt läge -

• Hur man går inkognito i Chrome, Firefox, Edge och Opera

• Hur man ställer in en proxyserver i Chrome, Firefox, Edge och Opera

• Hur man importerar lösenord till LastPass från Chrome, Firefox, Opera och Microsoft Edge

• Hur man avblockerar Adobe Flash Player på Windows 10:s Microsoft Edge -

• Gå inkognito med en genvägsknapp i Chrome, Edge, Firefox och Opera

• Hur man slår på och av mörkt läge i Microsoft Edge -

• Sätt Chrome och andra webbläsare i helskärm (Edge, Firefox och Opera)