Compartir a través de


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 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 (icono
    • Acoplar a la izquierda (icono
    • Acoplar a la parte inferior (icono
    • Acoplar a la derecha (icono

Menú Ubicación de acoplamiento 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 DevTools ahora tiene su propia ventana dedicada, la página 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

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 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