Novedades de Herramientas para desarrolladores (Chrome 107)

Cómo personalizar las combinaciones de teclas en Herramientas para desarrolladores

Ahora puedes personalizar las combinaciones de teclas para tus comandos favoritos en Herramientas para desarrolladores.

Ve a Configuración > Combinaciones de teclas, coloca el cursor sobre un comando y haz clic en el botón Editar (ícono de lápiz) para personalizar la combinación de teclas. También puedes crear cuerdas (también conocidas como combinaciones de teclas al presionar varias teclas).

Personaliza las combinaciones de teclas en Herramientas para desarrolladores.

Problemas de Chromium: 1335274, 174309

Activar o desactivar los temas claro y oscuro con la combinación de teclas

Configura una combinación de teclas para activar o desactivar los temas claros y oscuros de manera conveniente. De forma predeterminada, la acción no se asigna a ninguna combinación de teclas.

Activa o desactiva los temas claro y oscuro con la combinación de teclas.

Problemas de Chromium: 1280398, 1226363

Destaca objetos C/C++ en el Inspector de memoria.

El Inspector de memoria destaca todos los bytes de un objeto de memoria C/C++.

Reconocer los bytes de un objeto entre la memoria circundante de WebAssembly era un problema. Debes conocer el tamaño del objeto y contar los bytes desde su inicio.

Con esta función, te ayuda a diferenciarlos de la memoria que los rodea. Si quieres obtener más información sobre los cambios, consulta Cómo extender el Inspector de memoria para depuración en C/C++.

Destaca los objetos C/C++ en el Inspector de memoria.

Problema de Chromium: 1336568

Se admite la información completa del iniciador para la importación de HAR.

La información completa del Iniciador está disponible ahora para la importación de Hadoop. Anteriormente, el panel Network solo mostraba información parcial sobre el iniciador durante la importación.

La información del iniciador ayuda a los desarrolladores a rastrear el origen de una solicitud de red y a identificar problemas relacionados con la red.

Se admite la información completa del iniciador para la importación de HAR.

Problema de Chromium: 1343185

Iniciar la búsqueda del DOM después de presionar Enter

Ahora puedes inhabilitar la opción Buscar mientras escribes para iniciar siempre la búsqueda de DOM después de presionar Intro.

En el panel Elementos, activa o desactiva la barra de búsqueda con Control o Comando + F. A medida que escribas una consulta en el cuadro de texto de búsqueda, el árbol del DOM irá al primer elemento coincidente y lo destacará de forma predeterminada.

Para los usuarios, especialmente los verificadores que siempre trabajan con búsquedas largas, este comportamiento no es ideal. El árbol del DOM puede saltar varias veces a medida que escribes una consulta de búsqueda larga (p.ej., //div[@id="example"]). Este comportamiento crea un movimiento innecesario.

Búsqueda de DOM.

Ve a Configuración > En Preferencias, inhabilita la opción Buscar mientras escribes. Con este cambio, la búsqueda comenzará solo después de que presiones Intro.

Configuración de la búsqueda mientras escribes.

Problema de Chromium: 1344526

Mostrar los íconos start y end para align-content propiedades de flexbox de CSS

En el panel Estilos, edita las propiedades align-content en una clase de CSS con display: flex o display: inline-flex. Los elementos start y end se muestran en el menú desplegable de autocompletar con íconos.

propiedades de Flexbox de alineación y contenido.

Problema de Chromium: 1139945

Otros aspectos destacados

  • Muestra el recuento de mensajes correcto en la barra lateral de la consola. Anteriormente, los recuentos no se actualizaban al borrar los mensajes de la consola. (1343311).

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como navegadores de desarrollo predeterminados. Estos canales de vista previa te brindan acceso a las funciones más recientes de Herramientas para desarrolladores, prueban API de plataformas web de vanguardia y detectan problemas en tu sitio antes que los usuarios.

Comunicarse con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para hablar sobre las nuevas funciones y los cambios en la publicación, o cualquier otra cosa relacionada con Herramientas para desarrolladores.

  • Para enviarnos sugerencias o comentarios, accede a crbug.com.
  • Informa un problema en Herramientas para desarrolladores con Más opciones   Más > Ayuda > Informa problemas de Herramientas para desarrolladores en Herramientas para desarrolladores.
  • Twittea a @ChromeDevTools.
  • Deja comentarios en nuestros videos de YouTube de Herramientas para desarrolladores o en videos de YouTube de las Sugerencias de las Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se ha abordado en la serie Novedades de Herramientas para desarrolladores.