Det finns webbplatser som erbjuder fler alternativ och funktioner när de besöks på mobila enheter. När det händer och du använder en skrivbords-webbläsare blir du frustrerad på grund av den begränsade användarupplevelse du får. Andra gånger kanske du vill testa och se hur en webbplats ser ut på en viss mobilenhet som iPhone, iPad eller en Pixel 2-smarttelefon. Så här visar du (och testar) en mobil webbplats på en stationär dator:
OBS! Den här guiden omfattar Google Chrome, Mozilla Firefox, Opera, Microsoft Edge och Internet Explorer på Windows. Gå till avsnittet för webbläsaren som intresserar dig, för att hitta de steg du behöver gå igenom.
Så här aktiverar du mobilbläddringsemulatorn i Google Chrome
I Google Chrome laddar du in den mobila webbplatsen du vill visa. Klicka sedan på eller tryck på de tre vertikala pricken i det övre högra hörnet. De är knappen för "Anpassa och kontrollera Google Chrome." I menyn som öppnas väljer du Fler verktyg och sedan "Utvecklarverktyg". Utvecklarverktygen öppnas. För att uppnå samma resultat kan du också trycka på tangenterna CTRL + Shift + I på tangentbordet.
Klicka eller tryck på knappen "Växla enhetens verktygsfält" (det är en liten knapp som ser ut som en smartphone och en tablett i närheten av varandra) eller tryck CTRL + Skift + M på tangentbordet. Detta aktiverar enhetens verktygsfält där mobilsidan är laddad. Som standard använder enhetens verktygsfält en svarsmall för sidan du laddade in. Klicka på den och välj den mobilenhet du vill emulera: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (från version 5 till iPhone X), iPad och iPad Pro. Mobilsidan laddas om som om du använder smarttelefonen eller surfplattan som du har valt från listan. Det vet inte att du använder en stationär dator.
När du är klar trycker du på knappen X (Stäng) i det övre högra hörnet av Google Chrome utvecklarverktyg för att komma tillbaka till standardläget för skrivbrowser.
Så här aktiverar du den mobila webbläsaremulatorn i Mozilla Firefox
I Mozilla Firefox öppnar du den mobilsida som du vill få tillgång till som om du använde en mobilenhet. Klicka sedan på eller tryck på burgareknappen längst upp till höger. Det heter "Öppna menyn."
Välj webbutvecklare i menyn som öppnas.
Du ser många alternativ som är användbara för utvecklare. Den som intresserar dig är "Responsive Design Mode." Klicka eller peka på det här alternativet. Det här läget för visning av en webbsida är nu laddad i Firefox. Samma resultat kan uppnås genom att trycka på CTRL + Shift + M på tangentbordet.
Responsive Design Mode är aktiverat. I mitten av skärmen ser du parametrarna som används av det här läget. Om ingen enhet väljs klickar du på eller trycker på rullgardinsmenyn med enheter som är tillgängliga för emulering och väljer den som du vill simulera: Samsung Galaxy S9, iPad, iPhone (från version 6 till iPhone X), Kindle Fire HDX, och så vidare. Mobilsidan laddas om som om den laddades på den mobila enheten som du valt för emulering.
När du är klar trycker du på knappen X (Close Responsive Design Mode) för att komma tillbaka till standardläget för skrivbrowser.
Så här aktiverar du mobilbläddringsemulatorn i Opera
I Opera laddar du den mobilsida som du vill se som om du använde en mobilenhet. Klicka sedan på ikonen Opera längst upp till vänster. Det är "Anpassa och kontrollera Opera" -knappen. I menyn som öppnas väljer du Utvecklare följt av Utvecklarverktyg . Utvecklarverktygen visas på höger sida i webbläsarfönstret. Samma resultat kan uppnås genom att trycka på tangenterna CTRL + Shift + I på tangentbordet.
Klicka sedan på eller tryck på knappen "Växla enhetens verktygsfält" (det är en liten knapp som ser ut som en smartphone och en surfplatta nära varandra) eller tryck CTRL + Skift + M på tangentbordet. Detta aktiverar enhetens verktygsfält där din webbsida är laddad. Klicka på den och välj den mobilenhet du vill emulera: Samsung Galaxy S5, Pixel 2, Pixel 2 XL, iPhone (från version 5 till iPhone X), iPad och iPad Pro. Mobilsidan laddas om i Opera, med hjälp av egenskaperna hos smartphone eller surfplatta som du valt från listan.
När du är klar trycker du på knappen X (Stäng) i det övre högra hörnet av Operas utvecklingsverktyg för att komma tillbaka till skrivbordsbläddring.
Så här aktiverar du den mobila webbläsaremulatorn i Microsoft Edge
I Microsoft Edge laddar du in den webbplats som du vill visa som om du använde en mobilenhet. Klicka sedan på eller tryck på knappen "Inställningar och mer" som finns i det övre högra hörnet av webbläsarfönstret. Symbolen ser ut som tre prickar. Om du använder Windows 10 oktober 2018 Update, gå till "Fler verktyg" och sedan till "Utvecklarverktyg". Om du använder Windows 10 april 2018 Uppdatering eller äldre väljer du F12 Utvecklarverktyg . Utvecklarverktyg öppnas längst ner i webbläsarfönstret. Du kan uppnå samma resultat genom att trycka på F12 på tangentbordet, oavsett hur gammal eller ny din Windows 10 är.
Du ser flera flikar i utvecklingsverktygen . Om du ser Emulation, klicka eller tryck på den. Om du inte gör det klickar du på eller pekar på pilen nedåt och väljer Emulering i menyn som öppnas.
Klicka sedan på eller tryck på rullgardinsmenyn Enhet . Du kan välja att efterlikna följande enheter: Lumia 650, Lumia 950, Lumia 950 XL, Surface Book, Surface Pro 4, iPad, iPad Mini, Nexus 5, Nexus 5X och Nexus 6P.
När du är klar trycker du på knappen X (Stäng) i det övre högra hörnet av Microsoft Edge utvecklarverktyg för att komma tillbaka till skrivbordsbläddring.
Så här aktiverar du mobilbläddringsemulatorn i Internet Explorer
I Internet Explorer, till den mobilsida som du vill visa som om du använde en mobilenhet. Klicka på Verktyg- knappen i det övre högra hörnet eller tryck ALT + X på tangentbordet. Välj sedan F12 Utvecklarverktyg . Utvecklarverktygen visas längst ner i Internet Explorer. Samma resultat kan uppnås genom att trycka på F12 på tangentbordet.
Klicka eller peka på fliken Emulering och sedan på rullgardinsmenyn Browser . Här måste du välja Windows Phone som din mobila enhet, och webbsidan laddas om som om du använde en smartphone med Windows Phone . Tyvärr erbjuder Internet Explorer dig inte möjlighet att emulera Android-smartphones eller iPhones och iPads.
När du är klar trycker du på knappen X (Stäng) i det övre högra hörnet av utvecklarverktygen för att komma tillbaka till skrivbordsbläddring.
På vilka webbplatser behöver du efterlikna en mobil enhet?
Nu kan du emulera alla typer av mobila enheter i din favoritwebbläsare. Innan du avslutar denna handledning, låt oss veta vilka webbplatser du behöver använda denna emuleringsfunktion. Vi är väldigt nyfiken. Är det den (i) kända Instagram eller någon annan mobil webbplats?
