Descubre cómo DevTools te permite escribir menos con el autocompletado más inteligente de Console, cómo editar reglas @keyframe directamente en el panel Estilos, cómo divertirte con las variables personalizadas de CSS y cómo unirte al lado oscuro.
Un autocompletado más inteligente en tu consola
Si eres como yo y muchos otros, escribes un comando en la consola para depurar tu app, ves que no funciona, iteras y lo vuelves a escribir una y otra vez. Para ayudarte con eso, ahora completamos automáticamente las oraciones completas que escribiste anteriormente, de la siguiente manera:
Edita directamente las reglas @keyframe en el panel de diseños
Cuando presentamos el inspector de animaciones y el editor de suavización en DevTools, se limitaban a las transiciones porque nunca mostramos animaciones CSS basadas en @keyframe en el panel Estilo. Me complace decir que eso ya es cosa del pasado, así que no te contengas. Consulta nuestro tuit con video para obtener una vista previa.
Compatibilidad con propiedades CSS personalizadas
Hay muchas novedades en CSS, y una de ellas son las variables personalizadas, que se lanzarán en Chrome 49. Nos aseguramos de incluir compatibilidad total en DevTools, por lo que, si ya usaste variables en Sass, prueba las nativas, ya que te permiten editar propiedades sobre la marcha en el panel Estilos y actualizar inmediatamente los elementos dependientes.
Un tema oscuro para DevTools
Finalmente, accedimos a una solicitud que recibimos decenas de veces en los últimos años: ahora puedes elegir el tema oscuro en DevTools. Ve a la configuración de DevTools, establece el tema en oscuro y disfruta. Diría que todavía está en versión beta, ya que gran parte de ella se genera automáticamente. Por lo tanto, si ves áreas que podrían mejorarse, avísanos.
Lo mejor del resto
- El panel lateral de la consola ahora se contrae automáticamente cuando haces clic en la pestaña completa de la consola.
- El árbol de archivos en Sources recibió una gran revisión con íconos nuevos y una nueva función de agrupación.
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