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

Kayce Baskleri
Kayce Baskçalar

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

Öne çıkanlar

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

Yeni özellikler

Düzenlenebilir çerezler

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

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

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

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

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

Bellek dışı kesme noktaları

Geliştirici Araçları artık kısa sürede çok fazla bellek ayıran uygulamaların yığın sınırını otomatik olarak duraklatıp artırıyor. Böylece yığını inceleyebilir, bellekte yer açmak için Console'da komutlar çalıştırabilir ve sorunda hata ayıklamaya devam edebilirsiniz. Daha fazla bilgi için Chrome İçin Tek Bir Küçük Adım, V8 İçin Tek Bir Dev Yığın bölümüne bakın.

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

Tuval oluşturulurken 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 oluştur bağlamı 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 isteğin ne zaman sıraya alınıp 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 istatistikleri ekleyebilirsiniz. Örnek için Sunucu zamanlama değerlerinin gösterimi bölümüne bakın.

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

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

Değişiklikler

Zaman Çizelgesi paneli, Performans paneli adını aldı

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

Profiller paneli Bellek paneli adını aldı

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

CPU Profil Aracı gizli bir panelin arkasında

Profiller panelinin Bellek paneli olarak adlandırıldığına göre, CPU profilleyicinin artık bu panelde olması mantıklı değil. Ayrıca uzun vadeli hedef, tüm kullanıcıların performans panelinden profil oluşturmasını sağlamaktır. Bu arada, eski CPU profil oluşturucusuna Ayarlar > Diğer Araçlar > JavaScript Profil Aracı bölümünden erişmeye devam edebilirsiniz.

Performans panelinde CPU'nun profilini nasıl oluşturacağınızı öğrenmek için Chrome DevTools: Chrome 58'de JavaScript CPU Profili Oluşturma bölümüne bakın.

Yeni Konsol Kullanıcı Arayüzü

Konsol panelinde ve çekmecesinde bazı 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.

  • Konsolun davranışını özelleştirmeye yönelik ayarlara erişmek için Konsol Ayarları'nı Konsol Ayarları tıklayın.
  • Günlüğü koru artık Konsol Ayarları'nda gizlendi.
  • Filtreler düğmesi ve bölmesi kaldırıldı. Bunun yerine açılır menüyü kullanın.
  • Günlükleri filtrelemek için kullanılan metin kutusu artık her zaman gösteriliyor. Bu filtre daha önce Filtreler bölmesinde gizleniyordu.
  • Filtreleme metin kutusu RegEx'i otomatik olarak kabul ettiği için Regex onay kutusu kaldırılır.
  • İhlalleri gizle onay kutusu kullanımdan kaldırıldı. İ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şaretinin kaldırılması, yeni kullanıcı arayüzünde Konsol Ayarları'nda Yalnızca seçili bağlam onay kutusunun işaretlenmesiyle 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şınmıştır. WebGL kategorisi kaldırılmıştır.