Si es diseñador web o desarrollador, puede crear plantillas de sitios web y verificar su compatibilidad, ya que el nuevo navegador Edge de ^(Edge)Microsoft está equipado con varias herramientas para desarrolladores. Además, puede cambiar a un agente de usuario diferente y cambiar la geolocalización para emular otro navegador con el fin de eludir ciertas restricciones del sitio web que afectan a una aplicación específica. Por lo tanto, en esta publicación, lo guiaremos a través del proceso de cambio del Agente de usuario^{(User Agent )} y  la Geolocalización^{(Geolocation)} en Edge Developer Tools .

Para un usuario habitual de Internet , ^(Internet)Microsoft Edge parece un navegador increíble. Si está utilizando Windows 10 , seguramente le debe gustar Microsoft Edge . Al mismo tiempo, si es diseñador o desarrollador web, crea plantillas de sitios web y necesita verificar su plantilla en varios navegadores y resoluciones para averiguar la compatibilidad, este nuevo navegador web también puede ayudar. Al^(Just) igual que Internet Explorer , Chrome y Firefox , esta herramienta contiene varias herramientas para desarrolladores y le permite cambiar el agente de usuario.

Cambiar el agente de usuario^{(Change User Agent)} y la geolocalización^{(Geolocation)} en Edge Developer Tools

Si es un diseñador web o un desarrollador que a menudo crea plantillas de sitios web para verificar su compatibilidad en varios navegadores, a menudo necesitará cambiar User-Agent y  Geolocalización. ^{(Geolocation. )}¡ El nuevo navegador web Edge ( Chromium ) puede ayudar! ^(Chromium)Vamos a ver cómo cambiar,

1. User-Agent en Edge Developer Tools
2. Geolocalización en Edge Developer Tools

Para su información, MODE y DISPLAY estaban disponibles en Edge HTML pero no están en Edge Chromium .

Aquí está el proceso completo.

1] Agente de usuario en Edge Developer Tools

Dado que Microsoft Edge ha completado la migración de EdgeHTML a Chromium , ¡cambiar el agente de usuario ahora es un proceso diferente!

Inicie ' Herramientas de desarrollador^{(Developer Tools)} ' haciendo clic en ' Configuración y más^{(Settings & more)} ' > ' Más herramientas^{(More tools)} ' > ' Herramientas de desarrollador^{(Developer Tools)} '.

Cuando esté en el menú Herramientas de desarrollador , haga clic en 'menú de ^(Developer)tres puntos',^{(three-dot menu’ , )} vaya a ' Más herramientas' ^{(More tools’)} > ‘Condiciones de red'.^{(Network conditions’.)}

Aquí, desplácese hacia abajo para hacer visible la parte inferior de la pantalla.

Notarás que Microsoft Edge está configurado para ' Seleccionar automáticamente'^{(Select automatically’)} .

Desmarque esta opción para elegir una configuración personalizada. Seleccione^(Select) ' Personalizado'^{(Custom’ )} en el menú desplegable.

Elija la opción deseada para navegadores de escritorio. No es necesario reiniciar para guardar la nueva configuración. Sus páginas deberían volver a cargarse para aplicar el agente de usuario personalizado, automáticamente.

2] Geolocalización^{(Geolocation)} en Edge Developer Tools

Si tiene un sitio web específico de un país o desea consultar cualquier sitio web específico de un país, puede usar esta función como proxy web. Puede cambiar su ubicación geográfica y consultar cualquier sitio web. Para esto,

Haga clic en ' Más herramientas^{(More tools)} ' en la pestaña ' Consola^(Console) ' y seleccione la opción ' Sensores '.^(Sensors)

Luego, en ' Geolocalizaciones^{(Geolocations)} ', haga clic en ' Administrar^(Manage) '.

Ahora, seleccione la región deseada y presione la pestaña ' Agregar ubicación '.^{(Add location)}

Obtenga más información sobre las herramientas de red en F12 Developer Tools del navegador Microsoft Edge a^{(Learn about the Network tools in F12 Developer Tools of Microsoft Edge browser)} continuación.

How to change User Agent and Geolocation in Edge Developer Tools

If you are a web designеr or a developer, you can build website templates аnd check for its cоmpatibility as the all-new Edge browser from Microsоft іs equipped with several develoрer tools. Also, you can switch to a different user agent and change geolocation to emulate another brоwser in order to byрass certain webѕite restrictions that concern a specific app. So, in this post, we’ll walk yоu 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

• Desactive Developer Tools en Edge usando Registry or Group Policy

• Desactivar F12 keyboard Atajo para Microsoft Edge Developer Tools

• Site Data claro para determinado sitio en Chrome or Edge usando Developer Tools

• Identify Fuentes en Chrome, Edge and Firefox Uso de Developer Tools

• Teach Kids a Code Uso de estos Tools and Programs de Microsoft

• Best Free PHP IDE para Windows 10

• Sitios web que lo ayudan a aprender a Code jugando Games y divirtiéndose

• Chrome Development Tools Tutorials, Tips, Tricks

• Cómo habilitar el nuevo Download User Interface en Microsoft Edge

• Download, Install, Learn Microsoft Small Basic programming Idioma

• Redwood Resource Extractor: Extraer recursos de los archivos EXE

• Los mejores editores de código para Windows 10 que todos los desarrolladores deben estar usando

• ¿Qué es el JSON DATOS format and JSON document database5?

• Cómo configurar y usar Docker Desktop en Windows

• Encuentra todo el Git Commands en un lugar aquí en Git Explorer

• Cómo cambiar User name and Profile image en Edge, Chrome, Firefox

• Cómo deshabilitar Geolocation en Firefox, Chrome, y Edge

• Microsoft Graph: Todo lo que necesita saber

• Deshabilitar sincronización para todos los User Profiles en Microsoft Edge usando Registry

• Consejos para usar el Inspect Element de Google Chrome browser