Ya está disponible la colección oficial de extensiones de la Grabadora
Ya está disponible la colección oficial de extensiones de Recorder de exportación y reproducción.
Para abrir la colección directamente desde el Grabador, selecciona Exportar > Obtener extensiones… en la barra de acciones que se encuentra en la parte superior del panel del Grabador.
Mejoras en la red
Esta versión incluye varias mejoras en el panel Network.
Motivo del error en la columna Estado
Ahora, la columna Estado siempre muestra un motivo de falla. Anteriormente, debías activar Filas de solicitudes grandes o seleccionar la solicitud en la tabla.
Error de Chromium: 1506760.
Submenú Copiar mejorado
El submenú Copiar de una solicitud ahora está mejor organizado.
Además, la opción Copiar como cURL ahora copia el comando correcto en el portapapeles en Windows.
Problemas de Chromium: 1267033, 1276452, 798498.
Mejoras en el rendimiento
Esta versión incluye varias mejoras en el panel Rendimiento.
Rutas de navegación en Rutas
La línea de tiempo en la parte superior del panel Rendimiento ahora te permite establecer marcas de navegación y saltar entre ellas.
Para establecer un segmento, selecciona un intervalo en el Cronograma, coloca el cursor sobre él y haz clic en el botón N ms . Puedes crear varias rutas de navegación anidadas de forma sucesiva. Para cambiar entre los niveles de zoom, haz clic en la ruta de navegación correspondiente en la cadena que se encuentra en la parte superior de la línea de tiempo. Mira el siguiente video para ver las rutas de navegación en acción.
Problema de Chromium: 1467739.
Iniciadores de eventos en el segmento principal
De forma predeterminada, el segmento Rendimiento > Principal ahora muestra flechas que conectan los iniciadores y los siguientes eventos que causaron.
- Invalidación de diseño o estilo -> Recalcular estilos o Diseño
- Marco de la animación de la solicitud -> Se activó un marco de animación
- Request Idle Callback -> Fire Idle Callback
- Install Timer -> Timer Fired
- Create WebSocket -> Send… y Receive WebSocket Handshake o Destroy WebSocket
Para ver las flechas, busca un evento de este tipo en el registro y haz clic en él. Anteriormente, esta función era experimental.
Problema de Chromium: 1434596.
Menú de selección de instancias de VM de JavaScript para las Herramientas para desarrolladores de Node.js
En el panel Rendimiento de las Herramientas para desarrolladores de Node.js, ahora puedes seleccionar una instancia de VM de JavaScript en el menú desplegable correspondiente de la barra de acciones. Una función similar estaba disponible en el JavaScript Profiler, que pronto dejará de estar disponible.
Error de Chromium: 1511813.
Mejoras en los elementos
Esta versión incluye varias mejoras en el panel Elements.
Además de las dos funciones siguientes, el panel Elements ahora recuerda la última pestaña que abriste, por ejemplo, Computed o Properties.
Ahora se puede editar el seudoelemento ::view-transition en Styles.
Ahora puedes editar los pseudoelementos ::view-transition de CSS en Estilos con la hoja de estilo del inspector.
Para obtener más información, consulta Transiciones fluidas y sencillas con la API de View Transitions.
Problema de Chromium: 1511233.
Compatibilidad de la propiedad align-content para contenedores de bloques
La propiedad align-content ahora funciona con cualquier contenedor de bloques, incluidos table-caption y table-cell. Antes, solo funcionaba con cuadrículas y flex.
Error de Chromium: 1500511.
Nuevo acceso directo y comando en Sources
Ahora puedes presionar Cmd (Mac) o Ctrl (Win) + Mayúsculas + clic en un número de línea en Fuentes para crear un punto de registro. Este acceso directo se suma a la combinación Cmd (Mac) o Ctrl (Win) + clic ya existente para los puntos de interrupción condicionales.
El Menú de comandos obtiene el nuevo comando Mostrar el archivo activo en la barra lateral del navegador que hace lo mismo que la opción correspondiente en el menú desplegable del Editor.
Problemas de Chromium: 1486933, 1467464.
Compatibilidad con la postura para dispositivos plegables emulados
El modo de dispositivo ahora te permite establecer la postura de un dispositivo plegable emulado: Continuo o Plegado. La postura continua hace referencia a una posición "plana", y la plegada forma un ángulo entre las secciones de la pantalla.
Además, la lista de Dispositivos incluye un nuevo dispositivo plegable emulado: Asus Zenbook Fold.
Error de Chromium: 1066842.
Creación de temas dinámicos
Las Herramientas para desarrolladores ahora coinciden automáticamente con el tema de color de Chrome. Para establecer un tema, haz lo siguiente:
- Abre una nueva pestaña y haz clic en Personalizar Chrome en la esquina inferior derecha.
- En Diseño, elige un tema en Cambiar temas o selecciona una paleta de colores.
Problema de Chromium: