Novedades de Herramientas para desarrolladores (Chrome 107)

Personaliza las combinaciones de teclas en las Herramientas para desarrolladores

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

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

Personaliza las combinaciones de teclas en Herramientas para desarrolladores.

Problemas de Chromium: 1335274, 174309

Cómo activar o desactivar los temas claro y oscuro con un atajo de teclado

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

Activa o desactiva los temas claro y oscuro con un atajo de teclado.

Problemas de Chromium: 1280398, 1226363

Cómo destacar objetos de 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 punto débil. Debes conocer el tamaño del objeto y contar los bytes desde el inicio del objeto.

Con esta función, puedes distinguirlos de la memoria circundante. Consulta Cómo extender el Inspector de memoria para la depuración de C/C++ para obtener más información sobre los cambios.

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

Error de Chromium: 1336568

Se agregó compatibilidad con la información completa del iniciador para la importación de archivos HAR

Ahora está disponible la información completa del iniciador para la importación de archivos HAR. Anteriormente, el panel Red solo mostraba información parcial del 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 archivos HAR.

Error de Chromium: 1343185

Comienza la búsqueda en el DOM después de presionar Enter

Ahora puedes inhabilitar el parámetro de configuración Búsqueda mientras escribes para iniciar siempre la búsqueda en el DOM después de presionar Intro.

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

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

Búsqueda en el DOM

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

Parámetro de configuración de búsqueda mientras escribes.

Error de Chromium: 1344526

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

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

Propiedades de Flexbox de align-content.

Problema de Chromium: 1139945

Otros aspectos destacados

  • Mostrar los recuentos de mensajes correctos en la barra lateral de la consola Anteriormente, los recuentos no se actualizaban cuando se borraban los mensajes de la consola. (1343311)

Descarga los canales de vista previa

Considera usar Chrome Canary, Dev o Beta como tu navegador de desarrollo predeterminado. Estos canales de versión preliminar te brindan acceso a las funciones más recientes de DevTools, te permiten probar las APIs de vanguardia de la plataforma web y te ayudan a encontrar problemas en tu sitio antes de que lo hagan tus usuarios.

Comunícate con el equipo de Herramientas para desarrolladores de Chrome

Usa las siguientes opciones para analizar las nuevas funciones, las actualizaciones o cualquier otro tema relacionado con las Herramientas para desarrolladores.

Novedades de Herramientas para desarrolladores

Una lista de todo lo que se abordó en la serie Novedades de las Herramientas para desarrolladores