Te damos la bienvenida a la primera entrega de las notas de la versión de DevTools. A partir de ahora, la primera vez que abras una versión nueva de Chrome, DevTools abrirá el panel Novedades con un vínculo a las notas de la versión.
Destacados
- Se cambió el nombre del panel Cronograma a Panel de rendimiento.
- Se cambió el nombre del panel Perfiles por el de Memoria.
- Ahora puedes editar los valores de las cookies.
- DevTools ahora se pausa automáticamente antes de que se produzcan errores de memoria insuficiente.
Nuevas funciones
Cookies editables
Haz doble clic en una celda de la pestaña Cookies para editar ese valor.
Gracias a kdzwinel por la contribución.
Variables de CSS inspeccionables y editables en el panel Estilos
Ahora puedes inspeccionar y editar variables CSS en el panel Estilos. Consulta la demostración de variables de CSS para probarla.
Puntos de interrupción de falta de memoria
Cuando una app asigna mucha memoria en poco tiempo, DevTools ahora detiene y aumenta automáticamente el límite de pila. Esto te permite inspeccionar el montón, ejecutar comandos en la consola para liberar memoria y seguir depuración del problema. Consulta One Small Step For Chrome, One Giant Heap For V8 para obtener más información.
Puntos de interrupción en la creación del lienzo
Ahora puedes crear puntos de interrupción del objeto de escucha de eventos que se activan cada vez que se crea un nuevo contexto de lienzo.
Estadísticas de la hora de inicio en la pestaña Tiempo
En la parte superior de la pestaña Timing, ahora puedes ver cuándo se puso en cola una solicitud y se inició.
Estadísticas del servidor en la pestaña Tiempo
Ahora puedes insertar estadísticas de servidores personalizadas en la pestaña Tiempo. Consulta Demostración de los valores de tiempo del servidor para ver un ejemplo.
Gracias a sroussey por la contribución.
Cambios
El panel Cronograma ahora es el panel Rendimiento
Se cambió el nombre del panel Cronograma por el de Rendimiento para reflejar mejor su propósito.
El panel Perfiles ahora es el panel Memoria
Se cambió el nombre del panel Perfiles a Panel de memoria para reflejar mejor su propósito.
El Generador de perfiles de CPU está detrás de un panel oculto
Ahora que el panel Profiles se llama panel Memory, ya no tiene sentido tener el generador de perfiles de CPU en ese panel. Además, el objetivo a largo plazo es obtener perfiles de todos los usuarios desde el panel Rendimiento. Mientras tanto, puedes acceder al generador de perfiles de CPU anterior desde Configuración > Más herramientas > Generador de perfiles de JavaScript.
Consulta Herramientas para desarrolladores de Chrome: Generación de perfiles de CPU de JavaScript en Chrome 58 para obtener información sobre cómo generar perfiles de CPU en el panel Rendimiento.
Nueva IU de Console
El panel y el panel lateral de Play Console sufrieron algunos cambios en la IU. Algunas funciones poco populares se movieron a ubicaciones más ocultas, y las funciones populares ahora son más accesibles.
- Haz clic en Configuración de la consola
para acceder a la configuración y personalizar el comportamiento de la consola. - La opción Preserve log ahora está oculta en Configuración de la consola.
- Ya no verás el botón ni el panel Filtros. En su lugar, usa el menú desplegable.
- El cuadro de texto para filtrar registros ahora siempre se muestra. Anteriormente, estaba oculto en el panel Filtros.
- El cuadro de texto de filtrado acepta automáticamente la regex, por lo que desaparece la casilla de verificación Regex.
- Desaparecerá la casilla de verificación Ocultar infracciones. Establece el menú desplegable de nivel de registro en Detallado para ver los incumplimientos.
- Si desmarcas la casilla de verificación Mostrar todos los mensajes en la IU anterior, equivale a marcar la casilla de verificación Solo contexto seleccionado en Configuración de la consola en la IU nueva.
Se movieron las interrupciones del objeto de escucha de eventos de WebGL
Los puntos de interrupción del objeto de escucha de eventos de WebGL se movieron de la categoría WebGL a la categoría Canvas. Se quitó la categoría WebGL.