Resumen de Herramientas para desarrolladores: Más potencia con el nuevo menú de comandos

Obtén información sobre el nuevo menú de comandos de DevTools y sus más de 60 acciones que permiten flujos de trabajo súper rápidos.

Cmd/Ctrl + Mayúsculas + P para abrir el menú de comandos

Menú de comandos en Herramientas para desarrolladores

El diálogo "Ir al archivo" que aparece cuando presionas Cmd + P (o Ctrl + P) en el panel Fuentes no es muy conocido, pero lleva un tiempo disponible. Ahora fuimos mucho más allá y desarrollamos un menú de comandos inspirado en el editor de texto que puede controlar casi todas las acciones importantes en DevTools.

Presiona Cmd + Shift + P (o Ctrl + Shift + P) en cualquier lugar (incluso cuando la página está en foco) para abrir el menú de comandos, escribe para filtrar y presiona Enter para activar la acción. Estos son algunos ejemplos de acciones que puedes probar:

  • Aspecto: Cambiar al Tema oscuro
  • Herramientas para desarrolladores: Anclar al final
  • Dispositivos móviles: Inspeccionar dispositivos…
  • Red: Desconectar

El nuevo menú de comandos es una forma muy rápida de navegar y descubrir nuevas configuraciones y acciones en DevTools.

¿Buscas el diálogo "Ir al miembro" que antes también se asociaba con ese atajo? Sigue allí, solo presiona Cmd + Shift + O (o Ctrl + Shift + O) de ahora en adelante.

HTML con formato estilístico

HTML bien presentado.

Hace tiempo que tenemos la función de formato legible para fuentes de JS y CSS integradas en el panel Fuentes, pero acabamos de ampliarla para admitir el formato legible de HTML completo. Pruébala. No solo cambia el formato del código HTML, sino que también cambia el formato del código JavaScript y CSS que contiene.


Como siempre, comunícate con nosotros a través de Twitter o en los comentarios a continuación, y envía errores a crbug.com/new.

¡Hasta el próximo mes! Paul Bakaus y el equipo de DevTools