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.
![Eşleşmeyen parantez](https://developer.chrome.google.cn/static/blog/devtools-digest-2016-10/image/mismatched-parenthesis-76c3a7f4bd247.png?hl=tr)
İmleciniz bunlardan birinin yanındayken eşleşen parantezler, köşeli parantezler veya köşeli ayraç işaretleri gri renkle vurgulanır.
![eşleşen parantezler](https://developer.chrome.google.cn/static/blog/devtools-digest-2016-10/image/matched-parentheses-6084ed0e040b6.png?hl=tr)
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 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);
}
Geçmişte, ilk satırı yazdıktan sonra Enter tuşuna basıldığında DevTools satırın değerlendirilmesine ve hataya neden oluyordu. Kod bloğunu yeni bir satırda devam ettirmek için Enter tuşuna basmadan önce Üst Karakter tuşunu basılı tutmanız gerekir. Buna karşılık, DevTools artık Enter tuşuna bastığınızda beklediğiniz gibi kod bloğunu otomatik olarak yeni bir satırda devam ettirir.
Birden fazla imleç. Command (Mac) veya Control+Alt (Windows, Linux) tuşlarını basılı tutun ve ardından tıklayın.
![birden fazla imleç](https://developer.chrome.google.cn/static/blog/devtools-digest-2016-10/image/multiple-cursors-427c9adec6967.gif?hl=tr)
Canary artık en üstteki bağlamları kırmızıyla vurgular
Son zamanlarda Console'da çalıştıysanız yürütme bağlamı seçicisini top
dışındaki değerlere ayarlayan küçük bir hatayla karşılaşmış 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.
![En iyi bağlam olmayanlar kırmızıyla vurgulanır](https://developer.chrome.google.cn/static/blog/devtools-digest-2016-10/image/non-top-context-highlight-9dae4747bf537.png?hl=tr)
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.
![UC Browser kullanıcı aracısı](https://developer.chrome.google.cn/static/blog/devtools-digest-2016-10/image/uc-browser-user-agent-6f990e5892643.png?hl=tr)
Paylaşmak paylaşmaktır
Her zaman olduğu gibi, DevTools ile ilgili geri bildirimlerinizi veya fikirlerinizi öğrenmekten memnuniyet duyarız.
- Kısa sorularınız veya geri bildirimleriniz için ya da yeni fikirlerinizi paylaşmak için Twitter'daki ChromeDevTools hesabından bize ulaşabilirsiniz.
- Daha uzun tartışmalar için posta listesi veya Stack Overflow'u kullanabilirsiniz.
- Dokümanlar ile ilgili her konuda dokümanlar depomuzdan sorun kaydı açabilirsiniz.
- Crbug'da hata bildirmek veya özellik isteğinde bulunmak için dilediğiniz zaman doğrudan ekibe ulaşabilirsiniz.
Görüşmek üzere,
Kayce