Merhaba, ben Kayce. DevTools'ta geçen aydan bu yana yapılan yeniliklerle ilgili bir özet daha hazırladım.
Console'daki yeni özellikler
Şu anda Canary'da bulunan Chrome 56'da Geliştirici Araçları Konsolu, CodeMirror tarafından desteklenmektedir. Bu sayede aşağıdaki gibi birçok yeni özellikten yararlanabilirsiniz:
Yazarken söz dizimi vurgulama. Daha önce DevTools, söz dizimi vurgulamayı yalnızca bir kod bloğu değerlendirildikten sonra yapabiliyordu.
Eşleşen parantez / köşeli parantez / kısa çizgi vurgusu. Ekstra parantez, köşeli parantez veya köşeli ayraç varsa DevTools bunları kırmızıyla vurgular.
İmleciniz bunlardan birinin yanında olduğunda eşleşen parantezler, köşeli parantezler veya ayraçlar gri olarak vurgulanır.
Akıllı iade. Çok satırlı bir kod bloğu yazdığınızda DevTools artık Enter tuşuna her bastığınızda yeni bir satır oluşturup oluşturmayacağını veya kodunuzu yürütüp yürütmeyeceğini biliyor. Ö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 tuşuna basmak, Geliştirici Araçları'nın satırı değerlendirmesine ve hataya neden oluyordu. Kod bloğunu yeni bir satırda devam ettirmek için Enter'a basmadan önce Üst Karakter tuşunu basılı tutmanız gerekir. Buna karşılık artık Geliştirici Araçları, Enter tuşuna bastığınızda beklediğiniz gibi kod bloğuna otomatik olarak yeni bir satırda devam ediyor.
Birden fazla imleç. Command (Mac) veya Control+Alt (Windows, Linux) tuşlarını basılı tutun ve ardından tıklayın.
Canary artık üstte olmayan bağlamları kırmızı renkte vurguluyor
Son zamanlarda Console'da çalıştıysanız yürütme bağlamı seçiciyi top dışında değerlere ayarlayan küçük bir hata nedeniyle alışveriş yapmış olabilirsiniz.
Bu hata artık kararlı sürümde düzeltilmiş olsa da her ihtimale karşı Canary'daki (Chrome 56) DevTools, seçiciyi kırmızıyla vurgulayarak top bağlamında olmadığınız konusunda sizi uyarır.
Yeni kullanıcı aracısı: UC Browser
Artık Ağ koşulları çekmecesi sekmesinden iOS, Android veya Windows Phone için UC Tarayıcı'yı seçebilirsiniz.
Paylaşmak paylaşmaktır
Her zaman olduğu gibi, DevTools ile ilgili geri bildirimlerinizi veya fikirlerinizi öğrenmekten memnuniyet duyarız.
- Kısa sorular veya geri bildirimler almak ya da yeni fikirleri paylaşmak için Twitter'daki ChromeDevTools'dan bize e-posta gönderin.
- Daha uzun tartışmalar için posta listesi veya Stack Overflow'u kullanabilirsiniz.
- Dokümanlarla ilgili tüm konular için doküman depomuzda bir sorun açın.
- Crbug'da hata bildirmek veya özellik isteğinde bulunmak için dilediğiniz zaman doğrudan ekibe ulaşabilirsiniz.
Görüşmek üzere,
Kayce