Encuentra el huevo de pascua
Para celebrar el Día de los Inocentes de este año, el equipo de Herramientas para desarrolladores ocultó un huevo de Pascua en algún lugar de las Herramientas para desarrolladores.
Para encontrarla, busca un emoji de 💫 colorido.
Actualizaciones del panel de elementos
Esta versión incluye varias actualizaciones en el panel Elements.
Cómo emular una página enfocada en Elements > Styles
La pestaña Elements > Styles ahora tiene la opción Emulate a focused page en el botón Toggle elements state (:hov). Anteriormente, solo podías encontrar esta opción en el panel Renderización.
Si cambias el enfoque de la página a Herramientas para desarrolladores, algunos elementos de la superposición se ocultan automáticamente si se activan por el enfoque. Por ejemplo, listas desplegables, menús o selectores de fecha. La opción Emular una página enfocada te permite depurar un elemento como si estuviera enfocado.
Error de Chromium: 1468393.
Selectores de color, relojes de ángulo y editores de aceleración en los elementos de resguardo de var()
Para simplificar la edición de CSS, la pestaña Elements > Styles ahora te permite usar Selector de color, Reloj de ángulos y Editor de aceleración en las copias de seguridad de var().
Error de Chromium: 1520417.
La herramienta de longitud de CSS dejó de estar disponible
La herramienta de creación de longitud de CSS dejó de estar disponible debido a los comentarios que indicaban que ralentizaba el flujo de trabajo y no agregaba mucho valor.
Ya no puedes arrastrar para ajustar el valor ni seleccionar un tipo de unidad en el menú desplegable. En su lugar, haz doble clic en el valor y escribe uno nuevo.
Para volver a activar la herramienta de longitud, desmarca Configuración > Experimentos > Deprecate CSS <length> authoring tool in the Styles tab.
Si aún quieres usar esta herramienta, al equipo de Herramientas para desarrolladores le gustaría conocer tu opinión y saber cómo te ayuda la herramienta de longitud en tu flujo de trabajo. No dudes en dejar tus comentarios en crbug/1522657.
Elemento emergente para el resultado de la búsqueda seleccionado en Rendimiento > Pista principal
Para facilitar la búsqueda, el gráfico de llamas en el segmento Rendimiento > Principal ahora muestra una ventana emergente sobre el evento correspondiente cuando recorres los resultados de la búsqueda.
Error de Chromium: 1523279.
Actualizaciones del panel de red
Esta versión incluye algunas actualizaciones en el panel Network.
Botón Borrar y filtro de búsqueda en la pestaña Red > EventStream
La pestaña Red > EventStream obtiene lo siguiente:
- Un botón Borrar que borra los eventos capturados en la tabla
- Es un filtro de búsqueda que comprende expresiones regulares.
El equipo de Herramientas para desarrolladores desea agradecer a Charles Vazac por implementar esta función.
Además, la pestaña EventStream ahora también captura los eventos que los servidores envían a través de fetch/XHR, no solo la API de EventSource. Pruébalo en esta página de demostración.
Problema de Chromium: 1488863, 40659493.
Sugerencias sobre los motivos de exención de las cookies de terceros en Red > Cookies
La pestaña Red > Cookies ahora muestra información sobre herramientas con los motivos de exención junto a las cookies que, de otro modo, se habrían bloqueado por la eliminación gradual de las cookies de terceros.
Las cookies de terceros se pueden permitir por los siguientes motivos:
- Política de Chrome Enterprise
- API de Storage Access o API de Storage Access de nivel superior
- Prueba de baja de la eliminación gradual de las cookies de terceros o su período de gracia
- Heurísticas de eliminación gradual de las cookies de terceros
- Preferencia del usuario
Problema de Chromium: 41491846.
Habilita e inhabilita todos los puntos de interrupción en Sources
En la sección Fuentes > Puntos de interrupción, se vuelven a incluir las opciones Habilitar y Inhabilitar todos los puntos de interrupción en el menú desplegable. Anteriormente, estas opciones se omitían en el rediseño de los puntos de interrupción.
Para habilitar o inhabilitar todos los puntos de interrupción, haz clic con el botón derecho en un punto de interrupción en Fuentes > Puntos de interrupción y selecciona la opción correspondiente.