Abrir Microsoft Edge DevTools

  • Artículo
  • Tiempo de lectura: 2 minutos

Hay muchas maneras de abrir Microsoft Edge DevTools, lo que te ayuda a acceder rápidamente a diferentes partes de la interfaz de usuario de DevTools.

Abrir Microsoft Edge DevTools

Para abrir DevTools, use cualquiera de las siguientes opciones.

  • Usa la interfaz Microsoft Edge usuario.

    • Elija el Configuración y más ( ) icono > Más herramientas ... herramientas > para desarrolladores.

  • Use el teclado.

    • Presione F12 o Control + Shift + I (Windows, Linux) o Command + Option + I (macOS).

Vea Métodos abreviados de teclado.

Abra DevTools desde el Microsoft Edge menú principal

Abra el panel Elementos para inspeccionar el DOM o CSS

Cuando vea una página web representada en el explorador, para inspeccionar los estilos o atributos de un nodo del modelo de objetos de documento (DOM), realice una de las siguientes acciones:

  • Haga clic con el botón secundario en el elemento de la página web representada y seleccione Inspeccionar.
  • Presione Control + Shift + C (Windows, Linux) o Command + Option + C (macOS). Vea Métodos abreviados de teclado.

Vea DevTools para principiantes: Introducción a CSS.

Abrir el panel Consola

Para abrir el panel Consola para ver mensajes registrados o ejecutar JavaScript, Control + Shift + J presione (Windows, Linux) o Command + Option + J (macOS). Vea Métodos abreviados de teclado.

Abrir el panel anterior

Para ir al panel abierto anteriormente, presione Control + Shift + I (Windows, Linux) o Command + Option + I (macOS). Vea Métodos abreviados de teclado.

Abrir automáticamente DevTools en cada pestaña nueva

Para abrir automáticamente DevTools en cada pestaña nueva, abra Microsoft Edge desde la línea de comandos y pase la --auto-open-devtools-for-tabs marca.

  • CMD (Windows)
  • PowerShell (Windows)
  • bash (macOS)
  • bash (Linux) 
start msedge --auto-open-devtools-for-tabs

Activar o desactivar el método abreviado de teclado F12

Para cambiar la configuración F12 de método abreviado de teclado que abre DevTools, realice las siguientes acciones:

  1. Vaya a edge://settings/system.

  2. In Developer Tools , choose Open the DevTools when the F12 key is pressed to toggle the setting to off or on. Alterna la configuración a desactivado para impedir que el método abreviado de F12 teclado abra DevTools.

  3. Después de establecer la alternancia en desactivado, compruebe que F12 ya no abra DevTools.

    Nota

    Después de desactivar Abrir Las DevTools cuando sepresiona la tecla F12 , abra DevTools de nuevo. Por ejemplo, presione o haga clic con el Ctrl + Shift + I botón secundario en una página web y seleccione Inspeccionar.

Nota

Algunas partes de esta página son modificaciones basadas en el trabajo creado y compartido por Google y se usan según los términos descritos en la Licencia internacional de Creative Commons Attribution 4.0. La página original se encuentra aquí y está redactada por Kayce Basques (Technical Writer, Chrome DevTools & Lighthouse).

Licencia de Creative Commons Este trabajo se publica bajo una licencia de Atribución 4.0 Internacional de Creative Commons.