Bu sayfa, Cloud Translation API ile çevrilmiştir.

Geliştirici Araçları'ndaki Yenilikler (Chrome 64)

Kayce Basques

Tekrar hoş geldiniz! Chrome 64'te Geliştirici Araçları'na eklenecek yeni özellikler şunlardır:

Performans İzleyicisi. Sayfaların performansını gerçek zamanlı olarak görüntüleyebilirsiniz.
Konsol Kenar Çubuğu. Console'daki gürültüyü azaltın ve sizin için önemli olan mesajlara odaklanın.
Benzer Console mesajlarını gruplandırın. Console artık benzer iletileri varsayılan olarak birlikte gruplandırıyor.

Bu sürüm notlarını aşağıda bulabilir veya bu notların video sürümünü izleyebilirsiniz.

Not: Chrome'un hangi sürümünü kullandığınızı chrome://version adresinden kontrol edin. Önceki bir sürümü kullanıyorsanız bu özellikler mevcut olmayacaktır. Daha yeni bir sürümü kullanıyorsanız bu özellikler değişmiş olabilir. Chrome, yaklaşık 6 haftada bir yeni ana sürüme otomatik olarak güncellenir.

Performans İzleyicisi

Bir sayfanın yükleme veya çalışma zamanı performansının çeşitli yönlerini gerçek zamanlı olarak görüntülemek için Performans İzleyicisi'ni kullanın. Örneğin:

CPU kullanımı.
JavaScript yığın boyutu.
Sayfadaki DOM düğümlerinin, JavaScript etkinlik işleyicilerin, dokümanların ve çerçevelerin toplam sayısı.
Saniye başına düzenler ve stil için yeniden hesaplamalar.

Kullanıcılar uygulamanızın yavaş veya kötü olduğunu bildiriyorsa ipuçları için Performans İzleyicisi'ne bakın.

Yükleme performansı neden önemlidir?: BookMyShow, hıza odaklanan bir Progresif Web Uygulaması derleyerek dönüşümlerde% 80 artış elde etti. Daha fazla bilgi edinin.

Performans Monitörü'nü kullanmak için:

Komut Menüsü'nü açın.
Performance yazmaya başlayın, ardından Show Performance Monitor öğesini seçin.

Şekil 1. Performans Monitörü
Göstermek veya gizlemek için bir metriği tıklayın. Şekil 1'de CPU Kullanımı, JS yığın boyutu ve JS etkinlik işleyicileri grafikleri gösterilmektedir.

İlgili özellikler:

Performans paneli. Kritik bir kullanıcı yolculuğuna katılın ve JavaScript etkinliği, ağ istekleri, CPU kullanımı ve çok daha fazlası dahil olmak üzere sayfada olan her şeyi kaydedin. Ayrıca yük performansını analiz etmek için de kullanılabilir. Daha fazla bilgi edinin.
Denetimler paneli. Herhangi bir URL için bir dizi otomatik yükleme ve çalışma zamanı performans testi çalıştırın. Daha fazla bilgi edinin.

Performansı analiz etmeye yeni başlıyorsanız önerilen yol, önce Denetimler panelini kullanmanızı, ardından Performans panelini veya Performans izleyicisini kullanarak daha ayrıntılı araştırma yapmaktır.

Büyük sitelerde Console kısa sürede alakasız mesajlara boğabilir. Gürültüyü azaltmak ve sizin için önemli olan iletilere odaklanmak için yeni Konsol Kenar Çubuğu'nu kullanın.

Konsol Kenar Çubuğunu yalnızca hata mesajlarını göstermek için kullanma

2. Şekil. Konsol Kenar Çubuğunu yalnızca hata mesajlarını göstermek için kullanma

Konsol Kenar Çubuğu varsayılan olarak gizlidir. Göstermek için Konsol Kenar Çubuğunu Göster'i tıklayın.

İlgili özellikler:

Filtrele metin kutusu. Bir metin girdiğinizde Konsol yalnızca bu metni içeren mesajları gösterir. Normal ifade kalıplarını, negatif filtreleri ve URL filtrelerini de destekler.

Benzer Console mesajlarını gruplandır

Console artık benzer iletileri varsayılan olarak birlikte gruplandırıyor. Örneğin, Şekil 3'te [Violation] Avoid using document.write() mesajının 27 örneği bulunmaktadır.

Benzer iletileri bir arada gruplandırmayla ilgili Console örneği

3. Şekil. Benzer iletileri bir arada gruplandırmayla ilgili Console örneği

Bir grubu tıklayarak genişletin ve iletinin tüm örneklerini görün.

Genişletilmiş Console mesajları grubu örneği

4. Şekil. Genişletilmiş Console mesajları grubu örneği

Bu özelliği devre dışı bırakmak için Benzer Gruplama onay kutusunun işaretini kaldırın.

İlgili özellikler:

Kendi Console mesajlarınızı console.group() ile gruplandırabilirsiniz.

Yerel Geçersiz Kılmalar

Bir hata oluştu. Bu özelliği başlangıçta Chrome 64'te kullanıma sunmayı planlıyorduk, ancak bazı kısımları düzeltmek için son tarihe yaklaştık. Anlaşılan Yenilikler kullanıcı arayüzü zamanında güncellenmedi. Maalesef

Bu özellik, Chrome 65 sürümünde kullanıma sunulacak ve Chrome 64 sürümünden yaklaşık 6 hafta sonra kullanıma sunulacaktır. Daha fazla bilgi edinmek için Yerel Geçersiz Kılmalar konusuna bakın. Windows veya Mac kullanıyorsanız Chrome Canary'yi indirerek Chrome 65'i hemen deneyebilirsiniz.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji ürünü web platformu API'lerini test etmenizi ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanızı sağlar.

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikleri ve değişiklikleri ya da Geliştirici Araçları ile ilgili diğer her şeyi tartışmak için aşağıdaki seçenekleri kullanın.

Öneri veya geri bildirimlerinizi crbug.com adresinden bize iletebilirsiniz.
Geliştirici Araçları'ndaki Diğer seçenekler > Yardım > Geliştirici Araçları ile ilgili sorun bildir bölümüne giderek Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresinden tweet atabilirsiniz.
Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.