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, daha akıllı Console otomatik tamamlama işleviyle daha az yazmanızı nasıl sağladığını, @keyframe kurallarını doğrudan Stiller bölmesinde nasıl düzenleyeceğinizi, CSS özelleştirilebilen değişkenlerini nasıl kullanabileceğinizi ve karanlık tarafa nasıl katılacağınızı öğrenin.

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

Siz de benim ve başka pek çok kullanıcı gibiyseniz, uygulamanızda hata ayıklamak için konsola bir komut yazar, uygulamanın çalışmadığını görün, yineleyin ve tekrar tekrar yazın. Bu konuda yardımcı olmak için daha önce yazdığınız tüm ifadeleri artık otomatik olarak tamamlıyoruz. Örneğin:

Otomatik tamamlama

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

Geliştirici Araçları'nda animasyon denetleyicisi ve yumuşak geçiş düzenleyiciyi kullanıma sunduğumuzda, Stil bölmesinde @keyframe tabanlı CSS animasyonları hiç göstermediğimizden bu sadece geçişlerle sınırlıydı. Ne mutlu ki bu artık geçmişte kaldı; bu yüzden işlerden kurtulun! Ö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'nin getirdiği pek çok yenilik var. Bunlardan biri de Chrome 49'da kullanıma sunulan özelleştirilebilen değişkenler. Geliştirici Araçları'na tam destek ekledik. Bu nedenle, daha önce Sass'de değişken kullanıyorsanız yerel değişkenleri deneyin. Yerel olanları deneyin. Stiller bölmesinde özellikleri anında düzenleyebilir ve bağımlı öğeleri hemen güncelleyebilirsiniz.

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

Koyu Tema iş başında

Son birkaç yılda onlarca kez duyduğumuz bir talebi nihayet kabul ettik: Artık Geliştirici Araçları'nda karanlık tarafı seçebilirsiniz. Geliştirici Araçları ayarlarına gidin, Temayı koyu moda ayarlayın ve keyfini çıkarın. Çoğu otomatik olarak oluşturulduğu için bu özelliğin hâlâ beta sürümünde olduğunu söyleyebilirim. İyileştirme yapılabilecek herhangi bir alan görürseniz kesinlikle bize bildirin!

En iyiler

  • Konsol çekmecesi artık tam Konsol sekmesini tıkladığınızda otomatik olarak daralmaktadır.
  • Kaynaklar'daki dosya ağacı, yeni simgeler ve yeni gruplandırma işleviyle güzel bir revizyon aldı

Her zaman olduğu gibi, Twitter'dan veya aşağıdaki yorumları kullanarak düşüncelerinizi bizimle paylaşabilir ve hataları crbug.com/new adresinden iletebilirsiniz.

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