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

Jecelyn Yeen

Geliştirici Araçları'nda klavye kısayollarını özelleştirme

Artık Geliştirici Araçları'nda en sevdiğiniz komutların klavye kısayollarını özelleştirebilirsiniz.

Ayarlar > Kısayollar'a gidin, bir komutun üzerine gelin ve klavye kısayolunu özelleştirmek için Düzenle düğmesini (kalem simgesi) tıklayın. Ayrıca akorlar (diğer adıyla çok tuşlu kısayollar) da oluşturabilirsiniz.

DevTools'da klavye kısayollarını özelleştirme

Chromium sorunları: 1335274, 174309

Klavye kısayoluyla açık ve koyu tema arasında geçiş yapma

Açık ve koyu temalar arasında kolayca geçiş yapmak için bir klavye kısayolu yapılandırın. Varsayılan olarak, işlem herhangi bir klavye kısayoluyla eşlenmez.

Klavye kısayolunu kullanarak açık ve koyu tema arasında geçiş yapın.

Chromium sorunları: 1280398, 1226363

Bellek denetleyicisinde C/C++ nesnelerini vurgulama

Bellek denetleyicisi, C/C++ bellek nesnesinin tüm baytlarını vurgular.

Bir nesnenin baytlarını çevreleyen WebAssembly belleği arasında tanımak zor oluyordu. Nesnenin boyutunu bilmeniz ve baytları nesnenin başlangıcından itibaren saymanız gerekir.

Bu özellik, fotoğrafları çevredeki hafızadan ayırt etmenize yardımcı olur. Değişiklikler hakkında daha fazla bilgi edinmek için C/C++ hata ayıklama için Bellek Denetleyicisi'ni genişletme başlıklı makaleyi inceleyin.

Bellek denetleyicisinde C/C++ nesnelerini vurgulayın.

Chromium sorunu: 1336568

HAR içe aktarma için tam başlatıcı bilgileri desteği

HAR içe aktarma için artık tam Başlatan bilgileri kullanılabilir. Daha önce, Ağ paneli içe aktarma sırasında yalnızca kısmi başlatıcı bilgilerini gösteriyordu.

Başlatan bilgileri, geliştiricilerin bir ağ isteğinin kaynağını izlemesine ve ağla ilgili sorunları belirlemesine yardımcı olur.

HAR içe aktarma için tam başlatıcı bilgilerini destekler.

Chromium sorunu: 1343185

Enter tuşuna bastıktan sonra DOM araması başlatma

Artık Enter tuşuna bastıktan sonra her zaman DOM araması başlatmak için Yazarken arama ayarını devre dışı bırakabilirsiniz.

Öğeler panelinde, arama çubuğunu Ctrl veya Command + F tuşlarıyla açıp kapatın. Arama metin kutusuna bir sorgu yazdığınızda DOM ağacı, eşleşen ilk öğeye atlar ve varsayılan olarak bu öğeyi vurgular.

Bu davranış, özellikle her zaman uzun arama sorgularıyla çalışan test kullanıcıları için ideal değildir. Uzun bir arama sorgusu (ör. //div[@id="example"]) yazarken DOM ağacı birden çok kez atlayabilir. Bu davranış gereksiz hareket oluşturur.

DOM araması.

Ayarlar > Tercihler'e gidin ve Yazarken arama'yı devre dışı bırakın. Bu değişiklikle birlikte arama yalnızca Enter tuşuna bastıktan sonra başlayacak.

Yazarken arama ayarı.

Chromium sorunu: 1344526

align-content CSS flexbox özellikleri için start ve end simgelerini görüntüleme

Stiller bölmesinde, align-content özelliklerini display: flex veya display: inline-flex ile CSS sınıfında düzenleyin. start ve end, otomatik tamamlama açılır listesinde simgelerle birlikte gösterilir.

align-content flexbox özellikleri.

Chromium sorunu: 1139945

Diğer önemli noktalar

  • Konsol kenar çubuğunda doğru ileti sayılarını gösterir. Daha önce, konsol mesajları temizlenirken sayılar yenilenmiyordu. (1343311)

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanıza yardımcı olur.

Chrome Geliştirici Araçları Ekibi ile iletişime geçme

Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.