Obtén información sobre la IU renovada de Inspect Devices, activa y desactiva clases fácilmente en el panel de estilo ahora corregido y mira el episodio piloto de DevTools Tonight.
Bienvenidos a la edición más reciente del resumen para todos los usuarios de Canary. Resulta que me perdí algunas actualizaciones en diciembre. (He estado un poco ocupado con mi hija recién nacida). Aquí están, junto con algunas nuevas.
Nuevo diálogo “Inspect Devices”
La documentación (actualmente desactualizada) de depuración remota de DevTools ha sido nuestra guía más popular durante muchos años seguidos, lo que solo puede significar una cosa: ¡nadie tenía ni la más mínima 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"), toda la función "Inspeccionar dispositivos" ahora está convenientemente incorporada en las Herramientas para desarrolladores para un acceso rápido y menos cambios de contexto.
Activadores de clases en el panel de diseño
Ahora es más fácil que nunca activar o desactivar rápidamente una clase en un elemento para obtener una vista previa de cómo se vería con o sin los estilos asociados. También agregamos una entrada para agregar clases nuevas rápidamente, de modo que no tengas que editar el atributo. Haz clic en el nuevo botón .cls en el panel Estilo para probarlo.
DevTools Tonight
Es un placer anunciar otra forma de mantenerse al tanto de lo que sucede en el mundo de las Herramientas para desarrolladores de Chrome: te presento el programa piloto de DevTools Tonight:
En el nuevo programa, que se publicará de forma seriada 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 hablaré un poco más en detalle sobre cada una. Asegúrate de suscribirte al canal de Chrome Developers para recibir una notificación cuando se envíe el primer dispositivo y cuéntanos qué te parece en los comentarios de YouTube.
Lo mejor del resto
- Agregamos un parámetro de configuración para abrir automáticamente las Herramientas para desarrolladores para las ventanas emergentes (ventanas recién creadas). Cuando se habilita, se abre automáticamente una instancia nueva de DevTools con cualquier ventana creada recientemente.
- La barra de acción que se encuentra en la parte superior del panel Estilo ahora está fija, por lo que siempre podrás acceder a ella, incluso si te desplazas hacia abajo para editar más estilos.
- Ahora aplicamos 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 red ahora admite cargas además de descargas, por lo que puedes probar elementos como cargas de archivos en una conexión 3G.
- Renovamos la información sobre herramientas de Inspeccionar que se superpone al elemento inspeccionado. Ahora es oscura y brillante, y agrega más contraste.
Como siempre, cuéntanos qué piensas en Twitter o en los comentarios a continuación, y envía errores a crbug.com/new.
¡Hasta el próximo mes!
Paul Bakaus y el equipo de DevTools