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 (personalizar y controlar el icono de DevTools) y, a continuación, en la sección Del lado dock , seleccione una opción de diseño:
    • Desacoplar en una ventana independiente (icono
    • Acoplar a la izquierda (icono
    • Acoplar a la parte inferior (icono
    • Acoplar a la derecha (icono

el menú lateral de Dock en DevTools

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:

DevTools desacoplado en una ventana independiente

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

WebPage que está en diseño, ahora independiente de la ventana DevTools, que está desacoplada de la ventana de la página web del explorador

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

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:

DevTools acoplado a la izquierda

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:

DevTools acoplado a la parte inferior

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:

DevTools acoplado a la derecha

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 (personalizar y controlar DevTools) y, a continuación, haga clic en Ejecutar comando. O bien, presione Shift++CtrlP en Windows/Linux oPCommand+Shift+en 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