Si vous êtes un concepteur Web ou un développeur, vous pouvez créer des modèles de site Web et vérifier sa compatibilité car le tout nouveau navigateur Edge de ^(Edge)Microsoft est équipé de plusieurs outils de développement. De plus, vous pouvez passer à un agent utilisateur différent et modifier la géolocalisation pour émuler un autre navigateur afin de contourner certaines restrictions de site Web concernant une application spécifique. Ainsi, dans cet article, nous vous expliquerons le processus de modification de l'agent utilisateur^{(User Agent )} et  de la géolocalisation^{(Geolocation)} dans Edge Developer Tools .

Pour un utilisateur Internet^(Internet) régulier , Microsoft Edge semble être un navigateur génial. Si vous utilisez Windows 10 , vous devez sûrement aimer Microsoft Edge . Dans le même temps, si vous êtes un concepteur Web ou un développeur, que vous créez des modèles de site Web et que vous devez vérifier votre modèle dans différents navigateurs et résolutions pour connaître la compatibilité, ce nouveau navigateur Web peut également vous aider. Tout^(Just) comme Internet Explorer , Chrome et Firefox , cet outil contient plusieurs outils de développement et vous permet de modifier le user-agent.

Modifier l'agent utilisateur^{(Change User Agent)} et la géolocalisation^{(Geolocation)} dans les outils de développement Edge^{(Edge Developer Tools)}

Si vous êtes un concepteur Web ou un développeur qui crée souvent des modèles de site Web pour vérifier sa compatibilité dans divers navigateurs, vous devrez souvent modifier l'agent utilisateur^{(User-Agent )} et  la géolocalisation. ^{(Geolocation. )}Le nouveau navigateur Web Edge ( Chromium ) peut vous aider ! ^(Chromium)Voyons comment changer,

1. Agent utilisateur dans les outils de développement Edge
2. Géolocalisation dans les outils de développement Edge

Pour votre information, MODE et DISPLAY étaient disponibles dans Edge HTML mais ils ne le sont pas dans Edge Chromium .

Voici le processus complet.

1] Agent utilisateur dans les outils de développement Edge^{(Edge Developer Tools)}

Depuis, Microsoft Edge a terminé la migration d' EdgeHTML vers Chromium , changer l'agent utilisateur est désormais un processus différent !

Lancez ' Outils de développement^{(Developer Tools)} ' en cliquant sur ' Paramètres & plus^{(Settings & more)} ' > ' Plus d'outils^{(More tools)} ' > ' Outils de développement^{(Developer Tools)} '.

Lorsque vous êtes dans le menu des outils de développement^(Developer) , cliquez sur ' menu à trois points',^{(three-dot menu’ , )} allez dans ' Plus d'outils' ^{(More tools’)} > ‘Conditions du réseau'.^{(Network conditions’.)}

Ici, faites défiler vers le bas pour rendre la partie inférieure de l'écran visible.

Vous remarquerez que Microsoft Edge est configuré pour ' Sélectionner automatiquement'^{(Select automatically’)} .

Décochez cette option pour choisir un paramètre personnalisé. Sélectionnez^(Select) « Personnalisé »^{(Custom’ )} dans le menu déroulant.

Choisissez l'option souhaitée pour les navigateurs de bureau. Il n'est pas nécessaire de redémarrer pour enregistrer les nouveaux paramètres. Vos pages doivent se recharger pour appliquer automatiquement l'agent utilisateur personnalisé.

2] Géolocalisation^{(Geolocation)} dans Edge Developer Tools

Si vous avez un site Web spécifique à un pays ou si vous souhaitez consulter un site Web spécifique à un pays, vous pouvez utiliser cette fonctionnalité comme proxy Web. Vous pouvez modifier votre géolocalisation et consulter n'importe quel site Web. Pour ça,

Cliquez sur ' Plus d'outils^{(More tools)} ' sous l' onglet ' Console ' et sélectionnez l'option ' Capteurs '.^(Sensors)

Ensuite, sous ' Géolocalisations^{(Geolocations)} ', cliquez sur ' Gérer^(Manage) '.

Maintenant, sélectionnez la région souhaitée et cliquez sur l' onglet " Ajouter un emplacement ".^{(Add location)}

Découvrez ensuite les outils réseau dans les outils de développement F12 du navigateur Microsoft Edge^{(Learn about the Network tools in F12 Developer Tools of Microsoft Edge browser)} .

How to change User Agent and Geolocation in Edge Developer Tools

If yoυ are a web designer or a developer, you can build website templates аnd check for its compаtibilitу as the all-new Edge browser from Microsoft is equipped with seνeral developer tools. Also, you can switch to a different user agent and change geolocation to emulate anothеr browser in оrder to bypaѕs certain website restrictions that concеrn a specіfic app. So, in this post, we’ll walk you through the process 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

• Désactiver Developer Tools dans Edge en utilisant Registry or Group Policy

• Désactiver le raccourci F12 keyboard pour Microsoft Edge Developer Tools

• Effacer Site Data pour un site particulier dans Chrome or Edge en utilisant Developer Tools

• Identify Polices en Chrome, Edge and Firefox en utilisant Developer Tools

• Teach Kids à l'aide de ces Code Tools and Programs de Microsoft

• Conseils sur l'utilisation du Inspect Element de Google Chrome browser

• Les meilleurs éditeurs de code pour Windows 10 que chaque développeur doit utiliser

• Best Free C++ IDE pour Windows 10

• Comment activer Developer Mode dans Windows 11/10

• Comment activer le nouveau Download User Interface dans Microsoft Edge

• Comment changer User name and Profile image dans Edge, Chrome, Firefox

• Vérifiez votre code pour les erreurs avec Code Compare pour Windows 10

• Quelle est Java Langage de programmation? Code exemples

• Notifications Visualizer vous permet de tester les notifications des applications

• Manage legacy Applications Web avec Enterprise Mode Site List Portal de Microsoft

• Bulk install Windows apps avec Winstall pour Windows Package Manager

• Redwood Resource Extractor: Extraire des ressources des fichiers EXE

• Qu'est-ce que GTK+ Runtime Environment? Pourquoi votre PC need?

• Jedit est un impressionnant Text Editor pour les programmeurs informatiques

• Qu'est-ce que le mode développeur de Chrome et à quoi sert-il ?