Geliştirici Araçları'ndaki yenilikler (Chrome 58)

Geliştirici Araçları sürüm notlarının ilk bölümüne hoş geldiniz. Bundan sonra Chrome'un yeni bir sürümünü ilk açtığınızda Geliştirici Araçları, ilgili sürümün sürüm notlarının bağlantısını içeren Yenilikler çekmecesini açar.

Öne çıkanlar

  • Zaman Çizelgesi paneli, Performans paneli olarak yeniden adlandırıldı.
  • Profiller paneli, Bellek paneli olarak yeniden adlandırıldı.
  • Çerez değerleri artık düzenlenebilir.
  • Geliştirici Araçları artık bellek dışı hatalardan önce otomatik olarak duraklıyor.

Yeni özellikler

Düzenlenebilir çerezler

Çerezler sekmesindeki bir hücreyi çift tıklayarak bu değeri düzenleyin.

Çerez düzenleme.
Şekil 1. Çerez düzenleme

Katkı için kdzwinel'a teşekkür ederiz!

Stiller bölmesinde incelenebilir ve düzenlenebilir CSS değişkenleri

Artık CSS değişkenlerini Stiller bölmesinde inceleyebilir ve düzenleyebilirsiniz. Kendiniz denemek için CSS Değişkenleri Demosu'na bakın.

Bellek dışı ayrılma noktaları

Bir uygulama kısa sürede çok fazla bellek ayırdığında, Geliştirici Araçları artık yığın sınırını otomatik olarak duraklatıp yükseltiyor. Bu şekilde, yığını inceleyebilir, bellekte yer açmak için Console'da komutları yürütebilir ve sorundaki hataları ayıklamaya devam edebilirsiniz. Daha fazla bilgi için One Small Step For Chrome, One Giant Heap For V8 (Chrome için Küçük Bir Adım, V8 İçin Bir Dev Yığın) başlıklı makaleye bakın.

Bellek dışı kesme noktasında duraklatıldı
Şekil 2. Bellek dışı kesme noktasında duraklatıldı

Tuval oluşturma sırasında ayrılma noktaları

Artık yeni bir tuval bağlamı oluşturulduğunda tetiklenen etkinlik işleyici ayrılma noktaları oluşturabilirsiniz.

Etkinlik İşleyici Ayrılma Noktaları bölmesindeki Tuval bağlamı oluştur onay kutusu aracılığıyla tuval oluşturma ayrılma noktaları
Şekil 3. Etkinlik İşleyici Ayrılma Noktaları bölmesindeki Tuval bağlamı oluştur onay kutusu aracılığıyla tuval oluşturma ayrılma noktaları

Zamanlama sekmesindeki başlangıç zamanı istatistikleri

Zamanlama sekmesinin üst kısmında artık bir isteğin ne zaman sıraya alındığını ve başlatıldığını görebilirsiniz.

Zamanlama sekmesindeki başlangıç zamanı istatistikleri.
Şekil 4. Zamanlama sekmesindeki başlangıç zamanı istatistikleri

Zamanlama sekmesindeki sunucu istatistikleri

Artık Zamanlama sekmesine özel sunucu istatistiklerini ekleyebilirsiniz. Örnek için Sunucu zamanlaması değerlerinin demosu bölümüne bakın.

Zamanlama sekmesindeki sunucu istatistikleri
Şekil 5. Zamanlama sekmesindeki sunucu istatistikleri

Katkı için sroussey'ye teşekkür ederiz!

Değişiklikler

Zaman Çizelgesi paneli artık Performans paneli oldu

Zaman Çizelgesi paneli, amacını daha iyi yansıtmak için Performans paneli olarak yeniden adlandırıldı.

Profiller paneli artık Bellek paneli oldu

Profiller paneli, amacını daha iyi yansıtmak için Bellek paneli olarak yeniden adlandırıldı.

CPU Profil Aracı gizli bir panelin arkasında

Artık Profiller paneli, Bellek paneli olarak adlandırılıyor. Bu nedenle, CPU profil aracının bu panelde bulunması artık pek mantıklı değil. Ayrıca uzun vadeli hedef, tüm kullanıcıların Performans panelinden profil çıkarmasını sağlamaktır. Bu süre zarfında eski CPU profil aracına Ayarlar > Diğer Araçlar > JavaScript Profil Aracı'ndan erişmeye devam edebilirsiniz.

Performans panelinde CPU profilini nasıl çıkaracağınızı öğrenmek için Chrome Geliştirici Araçları: Chrome 58'de JavaScript CPU Profili Oluşturma bölümüne bakın.

Yeni Console kullanıcı arayüzü

Konsol panelinde ve çekmecede kullanıcı arayüzü değişiklikleri yapıldı. Popüler olmayan bazı özellikler daha gizli konumlara taşındı ve popüler özelliklere artık daha kolay erişilebilir.

  • Console'un davranışını özelleştirmek için ayarlara erişmek için Konsol Ayarları'nı Konsol Ayarları tıklayın.
  • Günlüğü koru seçeneği artık Konsol Ayarları'nda gizleniyor.
  • Filtreler düğmesi ve bölmesi kaldırıldı. Bunun yerine açılır menüyü kullanın.
  • Günlük filtreleme metin kutusu artık her zaman gösteriliyor. Daha önce Filtreler bölmesinde gizlenmişti.
  • Filtreleme metin kutusu RegEx'i otomatik olarak kabul eder, bu nedenle Regex onay kutusu kaldırılmıştır.
  • İhlalleri gizle onay kutusu kaldırılmıştır. İhlalleri görmek için günlük kaydı düzeyi açılır listesini Ayrıntılı olarak ayarlayın.
  • Eski kullanıcı arayüzünde Tüm mesajları göster onay kutusunun işaretini kaldırmak, yeni kullanıcı arayüzünde Konsol Ayarları'nda bulunan Yalnızca seçili içerik onay kutusunu işaretlemekle eşdeğerdir.
Yeni Console kullanıcı arayüzü
Şekil 6. Yeni Console kullanıcı arayüzü

WebGL etkinlik işleyici ayrılma noktaları taşındı

WebGL etkinlik işleyici ayrılma noktaları, WebGL kategorisinden Canvas kategorisine taşındı. WebGL kategorisi kaldırılmıştır.