DevTools sürüm notlarının ilk bölümüne hoş geldiniz. Bundan sonra, Chrome'un yeni bir sürümünü ilk kez açtığınızda DevTools, 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 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 dolması hatalarından önce otomatik olarak duraklatılıyor.
Yeni özellikler
Düzenlenebilir çerezler
Çerezler sekmesindeki bir hücreyi çift tıklayarak değeri düzenleyin.
Katkıda bulunduğu için kdzwinel'e teşekkürler.
Stiller bölmesinde incelenebilir ve düzenlenebilir CSS değişkenleri
Artık Stil sekmesinde CSS değişkenlerini inceleyip düzenleyebilirsiniz. Bu özelliği kendiniz denemek için CSS Değişkenleri Demo sayfasına bakın.
Bellek dolması nedeniyle kesme noktaları
Bir uygulama kısa sürede çok fazla bellek ayırdığında DevTools artık otomatik olarak duraklatılır ve yığın sınırını artırır. Bu sayede yığını inceleyebilir, bellek boşaltmak için Konsolda komutlar yürütebilir ve sorun gidermeye devam edebilirsiniz. Daha fazla bilgi için Chrome İçin Küçük Bir Adım, V8 İçin Dev Bir Yığın başlıklı makaleyi inceleyin.
Tuval oluşturma sırasında kesme noktaları
Artık yeni bir tuval bağlamı oluşturulduğunda tetiklenen etkinlik dinleyicisi kesme noktaları oluşturabilirsiniz.
Zamanlama sekmesindeki başlangıç zamanı istatistikleri
Artık Zamanlama sekmesinin üst kısmında bir isteğin ne zaman sıraya eklendiğini ve ne zaman başlatıldığını görebilirsiniz.
Zamanlama sekmesindeki sunucu istatistikleri
Artık Zamanlama sekmesine özel sunucu istatistikleri ekleyebilirsiniz. Örnek için Sunucu zamanlama değerlerinin gösterimi başlıklı makaleyi inceleyin.
Katkıda bulunduğu için sroussey'e teşekkürler.
Değişiklikler
Zaman çizelgesi paneli artık Performans paneli
Zaman çizelgesi paneli, amacını daha iyi yansıtacak şekilde Performans paneli olarak yeniden adlandırıldı.
Profiller paneli artık Bellek paneli olarak adlandırılıyor
Profiller paneli, amacını daha iyi yansıtmak için Anılar paneli olarak yeniden adlandırıldı.
CPU profilleyici gizli bir panelin arkasında
Profiller paneli artık Bellek paneli olarak adlandırıldığından, CPU profilleyicinin bu panelde yer alması pek mantıklı değil. Ayrıca uzun vadeli hedefimiz, tüm kullanıcıların profilini Performans panelinden elde etmektir. Bu süre zarfında eski CPU profilleyicisine Ayarlar > Diğer Araçlar > JavaScript Profilleyici'den erişebilirsiniz.
Performans panelinde CPU'yu nasıl profilleyeceğinizi öğrenmek için Chrome Geliştirici Araçları: Chrome 58'de JavaScript CPU Profilleme başlıklı makaleyi inceleyin.
Yeni Console kullanıcı arayüzü
Console 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şilebiliyor.
- Konsolu'nun davranışını özelleştirme ayarlarına erişmek için Konsol Ayarları'nı
tıklayın. - Günlüğü sakla seçeneği artık Konsol Ayarları'nda gizlidir.
- 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österilir. Daha önce Filtreler bölmesinde gizliydi.
- Filtreleme metin kutusu RegEx'i otomatik olarak kabul ettiğinden RegEx onay kutusu kaldırıldı.
- İhlalleri gizle onay kutusu kaldırıldı. İhlalleri görmek için günlük kaydı düzeyi açılır menüsünü Ayrıntılı olarak ayarlayın.
- Eski kullanıcı arayüzündeki Tüm mesajları göster onay kutusunun işaretini kaldırmak, yeni kullanıcı arayüzündeki Console Ayarları'nda Yalnızca seçili bağlam onay kutusunun işaretini kaldırmaya eşdeğerdir.
WebGL etkinlik işleyicisi kesme noktaları taşındı
WebGL etkinlik işleyici durak noktaları, WebGL kategorisinden Canvas kategorisine taşındı. WebGL kategorisi kaldırıldı.