Aprende todo sobre la IU renovada de Inspect Devices, activa o desactiva clases fácilmente en el panel de estilo reparado y mira la prueba piloto de Herramientas para desarrolladores esta noche.
Les damos la bienvenida una vez más a la edición más reciente del resumen para todos los usuarios de Canary. Resulta que me perdí algunas novedades de diciembre. (Estuve un poco preocupada por mi hija recién nacida). Aquí vienen, junto con algunas muy nuevas.
El nuevo diálogo "Inspect Devices"
La documentación de Depuración remota (actualmente obsoleta) de Herramientas para desarrolladores ha sido nuestra guía más popular durante muchos años seguidos, lo que solo podría significar una cosa: nadie tenía una idea de cómo usarla.
Así que seguimos adelante y renovamos la UX. En lugar de tener que abrir una página completamente diferente ("chrome://inspect"), todo "Inspect Devices" está ahora incorporado convenientemente en Herramientas para desarrolladores para un acceso rápido y menos cambios de contexto.
Botones de activación de la clase en el panel de estilo
Ahora es más fácil que nunca activar rápidamente una clase en un elemento para obtener una vista previa de cómo se vería con o sin los estilos asociados. Además, agregamos una entrada que permite agregar clases nuevas con rapidez, de modo que no tengas que editar el atributo. Haz clic en el nuevo botón .cls en el panel Estilo para probarlo.
Herramientas para desarrolladores esta noche
Me complace poder anunciar otra manera de estar al tanto de lo que está ocurriendo en el mundo de las Herramientas para desarrolladores de Chrome: esta noche, les presento la prueba piloto de Herramientas para desarrolladores:
En el nuevo programa que se publicará cada dos semanas, me enfocaré en las funciones más importantes que llegarán a la versión estable de Chrome (en lugar de Canary) y profundizaremos un poco más en cada una. Asegúrate de suscribirte al canal Chrome Developers para recibir notificaciones sobre el lanzamiento del núm. 1 y de compartir tu opinión en los comentarios de YouTube.
Lo mejor del resto
- Agregamos una configuración para abrir Herramientas para desarrolladores de manera automática en las ventanas emergentes (ventanas recién creadas). Cuando se habilita, se abre automáticamente una nueva instancia de Herramientas para desarrolladores con cualquier ventana nueva.
- La barra de acciones en la parte superior del panel Estilo ahora está fija en su lugar para que puedas acceder a ella en todo momento, incluso si te desplazas hacia abajo para editar más diseños.
- Ahora hacemos zoom automático en el cronograma para mostrar lo que creemos que es relevante para tu sesión de depuración de rendimiento.
- La limitación de la red ahora admite las cargas y las descargas, por lo que puedes probar cosas como cargas de archivos en una conexión 3G.
- Renovamos la información sobre la herramienta de inspección que se superpone con el elemento inspeccionado. Ahora está oscuro y brillante, y agrega más contraste.
Como siempre, cuéntanos qué opinas a través de Twitter o los comentarios a continuación, y envía los errores a crbug.com/new.
¡Hasta el mes que viene!
Paul Bakaus y el equipo de Herramientas para desarrolladores