Geliştirici Araçları devre dışı bırakıldı, @keyframe düzenleme özelliği ve daha akıllı otomatik tamamlama özellikleri

Paul Bakaus
Paul Bakaus

Geliştirici Araçları'nın akıllı Konsol otomatik tamamlama özelliği ile daha az yazmanızı nasıl sağladığını, @keyframe kurallarını doğrudan Stiller bölmesinde nasıl düzenleyeceğinizi, CSS Özel Değişkenlerini nasıl kullanacağınızı ve karanlık tarafa nasıl katılacağınızı öğrenin.

Konsolunuzda daha akıllı bir otomatik tamamlama özelliği

Siz de benim gibi daha pek çok kişi gibiyseniz konsola bir komut yazarak uygulamanızda hata ayıklaması yapabilir, uygulamanızın çalışmadığını görebilir, iterasyon yapıp tekrar yazabilir ve daha sonra tekrar ve tekrar yazabilirsiniz. Bu konuda yardımcı olmak için artık daha önce yazdığınız ifadelerin tamamını otomatik olarak dolduruyoruz. Örneğin:

Otomatik tamamlama

Stiller bölmesinde @keyframe kurallarını doğrudan düzenleme

Animasyon denetçisini ve yumuşak geçiş düzenleyicisini Geliştirici Araçları'na sunduğumuzda Stil bölmesinde @keyframe tabanlı CSS animasyonlarını hiç göstermediğimiz için bu özellik geçişlerle sınırlıydı. Üzülerek söylüyorum ki, artık geçmişte kaldı. Önizleme için video tweet'imize göz atın.

Özel CSS mülkleri desteği

Geliştirici Araçları'ndaki özel CSS özellikleri

CSS'ye pek çok yeni özellik geliyor. Bunlardan biri de Chrome 49 sürümünde kullanıma sunulan özelleştirilebilen değişkenler. Geliştirici Araçları'na tam destek eklemeyi garanti altına aldık. Daha önce Sass'ta değişkenleri kullandıysanız yerel değişkenleri deneyin. Böylece, özellikleri Stiller bölmesinde anında düzenleyebilir ve bağımlı öğeleri anında güncelleyebilirsiniz.

Geliştirici Araçları için koyu tema

Koyu Tema kullanımda

Son birkaç yılda birçok kez aldığımız bir isteği nihayet yerine getirdik: Artık Geliştirici Araçları'nda karanlık tarafı seçebilirsiniz. Geliştirici Araçları ayarlarına gidip Temayı koyu olarak ayarlayıp keyfini çıkarın. Çoğu otomatik olarak oluşturulduğu için bunun hâlâ beta sürümünde olduğunu söyleyebilirim. Bu nedenle, iyileştirilebilecek alanlar görürseniz bize kesinlikle bildirin.

En iyiler

  • Konsol çekmecesini tıkladığınızda artık konsol çekmecesi otomatik olarak daralmaktadır.
  • Kaynaklar'daki dosya ağacı, yeni simgeler ve yeni gruplandırma işleviyle iyi bir revizyondan geçti.

Her zaman olduğu gibi, düşüncelerinizi Twitter veya aşağıdaki yorumlar üzerinden bize iletin ve hataları crbug.com/new adresine gönderin.

Gelecek ay görüşmek üzere!
Paul Bakaus ve Geliştirici Araçları Ekibi