Cambiar la ubicación de DevTools (Desacoplar, Acoplar a la parte inferior, Acoplar a la izquierda)

Puede cambiar dónde está acoplado DevTools en el explorador. De forma predeterminada, Microsoft Edge DevTools está acoplado a la derecha de la ventana del explorador. También puede acoplar DevTools a la parte inferior o izquierda de la ventana, o desacoplar DevTools en una ventana independiente.

Para cambiar dónde se coloca DevTools dentro de la ventana del explorador:

• Haga clic en el botón de menú Personalizar y controlar DevTools ( y, a continuación, en la sección Ubicación del acoplamiento , seleccione una opción de diseño:
  • Desacoplar en una ventana independiente (
  • Acoplar a la izquierda (
  • Acoplar a la parte inferior (
  • Acoplar a la derecha (

Acoplar a la izquierda o acoplar a la derecha mantiene DevTools en paralelo con su página web, y es excelente cuando emula dispositivos móviles (Emulación de dispositivo). Las opciones Acoplar a la izquierda y Acoplar a la derecha funcionan mejor con pantallas de alta resolución.

Desacoplar DevTools en una ventana independiente

Desacoplar DevTools en su propia ventana independiente, cuando quiera trabajar con varios monitores, o si necesita trabajar en una aplicación de pantalla completa y desea mucho espacio para la interfaz de usuario de DevTools. En la imagen siguiente se muestra DevTools desacoplado en su propia ventana dedicada:

Puesto que DevTools ahora tiene su propia ventana dedicada, la página que se está diseñando ahora ocupa una ventana completa del explorador:

Dock DevTools en el lado izquierdo del explorador

En la imagen siguiente se muestra DevTools acoplado en el lado izquierdo de la ventana del explorador:

Acoplar DevTools en la parte inferior del explorador

Acoplar a la parte inferior le ayuda cuando no tiene suficiente espacio de visualización horizontal, o si desea depurar texto largo en dom o consola. En la imagen siguiente se muestra DevTools en la parte inferior de la ventana del explorador:

Dock DevTools en el lado derecho del explorador

En la imagen siguiente se muestra DevTools en el lado derecho de la ventana del explorador, que es la ubicación predeterminada:

Cambiar dónde está acoplado DevTools mediante el menú Comando

1. Abra el menú Comando. Para ello, haga clic en el botón de menú Personalizar y controlar DevTools () y, a continuación, haga clic en Ejecutar comando. O bien, presione Ctrl+Mayús+P (Windows/Linux) o Comando+Mayús+P (macOS).

2. Escriba dock y, a continuación, seleccione un comando dock:

   • Acoplar a la parte inferior
   • Acoplar a la izquierda
   • Acoplar a la derecha
   • Restauración de la última posición de acoplamiento
   • Desacoplar en una ventana independiente