DevTools Özeti, Ekim 2016

Merhaba Kayce, DevTools'daki geçen aydan beri yapılan yenilikleri öğrenmek için tekrar tekrar size ulaşıyorum.

Console'daki yeni özellikler

Şu anda Canary'de bulunan Chrome 56'da Geliştirici Araçları Konsolu, CodeMirror tarafından desteklenmektedir. Bu, aşağıdakiler gibi bir dizi yeni özelliği mümkün kılıyor:

Yazarken söz dizimi vurgulama. Daha önce Geliştirici Araçları, söz dizimini yalnızca bir kod bloğu değerlendirildikten sonra vurgulayabiliyordu.

Eşleşme parantezi / köşeli parantez / ayraç vurgulama. Fazladan bir parantez, köşeli parantez veya ayraç varsa Geliştirici Araçları bunu kırmızıyla vurgular.

uyumsuz parantez

İmleciniz bunlardan birinin yanında olduğunda eşleşen parantezler, köşeli parantezler veya süslü ayraçlar gri renkte vurgulanır.

eşlenmiş parantez

Akıllı iade. Çok satırlı bir kod bloğu yazdığınızda, Geliştirici Araçları artık Enter'a her bastığınızda yeni bir satır mı oluşturmayı yoksa kodunuzu mu yürüteceğinizi bilir. Örneğin, Console'da aşağıdaki for döngüsünü değerlendirmek istediğinizi varsayalım:

for (var i = 0; i < 5; i++) {
  console.log(i);
}

Eskiden, ilk satırı yazdıktan sonra Enter'a basmak, Geliştirici Araçları'nın satırı değerlendirmesine ve hataya neden oluyordu. Kod bloğunu yeni bir satıra eklemeye devam etmek için Enter tuşuna basmadan önce Üst Karakter tuşunu basılı tutmanız gerekiyordu. Buna karşın Geliştirici Araçları, artık beklediğiniz gibi Enter tuşuna bastıktan sonra kod bloğunu yeni bir satırda otomatik olarak devam ettirir.

Birden çok imleç. Command (Mac) veya Control+Alt (Windows, Linux) tuşlarını basılı tutup tıklayın.

birden çok imleç

Canary artık üst kısmı olmayan bağlamları kırmızıyla vurguluyor

Son zamanlarda Console'da çalıştıysanız yürütme bağlamı seçiciyi top dışındaki değerlere ayarlayan küçük bir hatadan etkilenmiş olabilirsiniz.

Bu hatanın Kararlı sürümünde düzeltilmiş olması gerekir. Ancak Canary'deki (Chrome 56) Geliştirici Araçları, artık top bağlamında yer almadığınız konusunda sizi uyarır ve seçici kırmızıyı vurgular.

üst kısmı kırmızı ile vurgulanmış içerik

Yeni kullanıcı aracısı: UC Tarayıcısı

Artık Ağ koşulları çekmece sekmesinden iOS, Android veya Windows Phone için UC Tarayıcısını seçebilirsiniz.

UC Tarayıcı kullanıcı aracısı

Paylaşmak önemsemektir

Her zaman olduğu gibi, Geliştirici Araçları ile ilgili herhangi bir konuda geri bildirimlerinizi veya fikirlerinizi öğrenmek isteriz.

  • Kısa sorular veya geri bildirimler için ya da yeni fikirleri paylaşmak için Twitter'da ChromeDevTools'dan bize ping gönderin.
  • Daha uzun tartışmalar için ise posta listesi veya Stack Overflow'u kullanabilirsiniz.
  • Dokümanlarla ilgili tüm konular için dokümanlar depomuzda sorun kaydı açın.
  • Dilediğiniz zaman doğrudan ekibe gidip hata bildiriminde bulunabilir veya Crbug'da bir özellik isteğinde bulunabilirsiniz.

Gelecek aya kadar,

Kaan