Om du är en webbdesigner eller utvecklare kan du bygga webbplatsmallar och kontrollera dess kompatibilitet eftersom den helt nya Edge - webbläsaren från Microsoft är utrustad med flera utvecklarverktyg. Du kan också byta till en annan användaragent och ändra geolokalisering för att emulera en annan webbläsare för att kringgå vissa webbplatsbegränsningar som gäller en specifik app. Så i det här inlägget går vi igenom processen att ändra användaragent^{(User Agent )} och  geolokalisering^{(Geolocation)} i Edge Developer Tools .

För en vanlig Internetanvändare^(Internet) verkar Microsoft Edge vara en fantastisk webbläsare. Om du använder Windows 10 måste du säkert gilla Microsoft Edge . Samtidigt, om du är en webbdesigner eller utvecklare, bygger webbplatsmallar och behöver kontrollera din mall i olika webbläsare och upplösningar för att ta reda på kompatibiliteten, kan denna nya webbläsare också hjälpa. Precis^(Just) som Internet Explorer , Chrome och Firefox innehåller detta verktyg flera utvecklarverktyg och låter dig byta användaragent.

Ändra ^{(Change User Agent)}användaragent och geolokalisering^{(Geolocation)} i Edge Developer Tools^{(Edge Developer Tools)}

Om du är en webbdesigner eller en utvecklare som ofta bygger webbplatsmallar för att kontrollera dess kompatibilitet i olika webbläsare, måste du ofta ändra User -Agent^{(User-Agent )} och  Geolocation. Den nya Edge ( Chromium ) webbläsaren kan hjälpa! Låt oss se hur vi ändrar,

1. User-Agent i Edge Developer Tools
2. Geolokalisering i Edge Developer Tools

För din information var MODE och DISPLAY tillgängliga i Edge HTML men de finns inte i Edge Chromium .

Här är hela processen.

1] User-Agent i Edge Developer Tools

Sedan Microsoft Edge har slutfört migreringen från EdgeHTML till Chromium är det en annan process att ändra användaragenten nu!

Starta ' Utvecklarverktyg^{(Developer Tools)} ' genom att klicka på ' Inställningar med mer^{(Settings & more)} ' > ' Fler verktyg^{(More tools)} ' > ' Utvecklarverktyg^{(Developer Tools)} '.

När du är i menyn för utvecklarverktyg^(Developer) klickar du på " meny med tre punkter" och^{(three-dot menu’ , )} går till " Fler verktyg" ^{(More tools’)} > ‘Nätverksvillkor".^{(Network conditions’.)}

Här, scrolla ner för att göra den nedre delen av skärmen synlig.

Du kommer att märka att Microsoft Edge är konfigurerad till " Välj automatiskt"^{(Select automatically’)} .

Avmarkera det här alternativet för att välja en anpassad inställning. Välj^(Select) " Anpassad"^{(Custom’ )} från rullgardinsmenyn.

Välj önskat alternativ för stationära webbläsare. Det finns ingen anledning att starta om för att spara de nya inställningarna. Dina sidor bör laddas om för att tillämpa den anpassade användaragenten automatiskt.

2] Geolokalisering^{(Geolocation)} i Edge Developer Tools

Om du har en landsspecifik webbplats eller vill kolla någon landsspecifik webbplats kan du använda den här funktionen som en webbproxy. Du kan ändra din geografiska plats och kolla in vilken webbplats som helst. För detta,

Klicka på " Fler verktyg^{(More tools)} " under fliken " Konsol^(Console) " och välj alternativet " Sensorer ".^(Sensors)

Sedan, under ' Geolocations ', klicka på ' Hantera^(Manage) '.

Välj nu önskad region och klicka på fliken " Lägg till plats ".^{(Add location)}

Lär dig mer om nätverksverktygen i F12 Developer Tools i webbläsaren Microsoft Edge^{(Learn about the Network tools in F12 Developer Tools of Microsoft Edge browser)} härnäst.

How to change User Agent and Geolocation in Edge Developer Tools

If you are a web designer or a developer, you can build websitе templаtes and check for its compatibility as the all-new Edge browser from Microsoft is equipped with several developer tools. Also, you can switch to a different user agent and change geoloсation tо emulate another browser in order to bypass certain website restrictions that concern a specific app. Sо, in this post, we’ll walk уou through the рrocesѕ of changing User Agent and Geolocation in Edge Developer Tools.

For a regular Internet user, Microsoft Edge seems like an awesome browser. If you are using Windows 10, you surely must be liking Microsoft Edge. At the same time, if you are a web designer or a developer, build website templates and need to check your template in various browsers and resolutions to find out the compatibility, this new web browser can help as well. Just like Internet Explorer, Chrome and Firefox, this tool contains several developer tools and lets you change the user-agent.

Change User Agent & Geolocation in Edge Developer Tools

If you are a web designer or a developer who often builds website templates to check its compatibility in various browsers, you’ll often need to change User-Agent and Geolocation. The new Edge (Chromium) web browser can help! Let’s see how to change,

1. User-Agent in Edge Developer Tools
2. Geolocation in Edge Developer Tools

For your information, MODE and DISPLAY were available in Edge HTML but they are not there in Edge Chromium.

Here’s the complete process.

1] User-Agent in Edge Developer Tools

Since, Microsoft Edge has completed the migration from EdgeHTML to Chromium, changing the user agent is a different process now!

Launch ‘Developer Tools‘ by clicking on ‘Settings & more‘ > ‘More tools‘ > ‘Developer Tools‘.

When in the Developer tools menu, click ‘three-dot menu’ , go to ‘More tools’ > ‘Network conditions’.

Here, scroll down to make the lower part of the screen visible.

You will notice that Microsoft Edge is configured to ‘Select automatically’ .

Un-check this option to choose a custom setting. Select ‘Custom’ from the drop-down menu.

Pick the desired option for desktop browsers. There’s no need to reboot to save the new settings. Your pages should reload to apply the custom user agent, automatically.

2] Geolocation in Edge Developer Tools

If you have a country-specific website or want to check any country-specific website, you can use this feature as a web proxy. You can change your geo-location and check out any website. For this,

Click on ‘More tools‘ under ‘Console‘ tab and select ‘Sensors‘ option.

Then, under ‘Geolocations‘, click on ‘Manage‘.

Now, select the desired region and hit the ‘Add location‘ tab.

Learn about the Network tools in F12 Developer Tools of Microsoft Edge browser next.

Related posts

• Inaktivera utvecklarverktyg i Edge med hjälp av register eller grupprincip

• Inaktivera F12-kortkommandon för Microsoft Edge Developer Tools

• Rensa webbplatsdata för en viss webbplats i Chrome eller Edge med hjälp av utvecklarverktyg

• Identifiera typsnitt i Chrome, Edge och Firefox med hjälp av utvecklarverktyg

• Lär barn att koda med hjälp av dessa verktyg och program från Microsoft

• Kontrollera din kod för fel med Code Compare för Windows 10

• Så här ändrar du webbläsarens användaragent utan att installera ett tillägg

• jEdit är en imponerande textredigerare för datorprogrammerare

• Vad är programmeringsspråket R och varför du bör använda RStudio

• Massinstallera Windows-appar med Winstall för Windows Package Manager

• SynWrite Editor: Gratis text- och källkodsredigerare för Windows 10

• Bästa gratis C++ IDE för Windows 11/10

• Vad är Python-programmeringsspråket?

• Hur man ändrar användarnamn och profilbild i Edge, Chrome, Firefox

• Microsoft Graph: Allt du behöver veta

• Hur man inaktiverar eller aktiverar utvecklarläge i Windows 11/10

• Vad är Java-programmeringsspråk? Kodexempel

• Redwood Resource Extractor: Extrahera resurser från EXE-filer

• Tips om hur du använder Inspect Element i webbläsaren Google Chrome

• Bästa webbplatserna att lära sig kodning online gratis