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

Jecelyn Yeen

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

Artık DevTools'da en sevdiğiniz komutlar için klavye kısayollarını özelleştirebilirsiniz.

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

DevTools'da klavye kısayollarını özelleştirin.

Chromium sorunları: 1335274, 174309

Klavye kısayoluyla açık ve koyu temalar 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. İşlem varsayılan olarak herhangi bir klavye kısayoluyla eşlenmez.

Klavye kısayoluyla açık ve koyu temalar arasında geçiş yapın.

Chromium sorunları: 1280398, 1226363

Bellek Denetleyicisi'nde C/C++ nesnelerini vurgulama

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

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

Bu özellik, onları ç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 Denetleyici'yi genişletme başlıklı makaleyi inceleyin.

Bellek Denetleyicisi'nde C/C++ nesnelerini vurgulama

Chromium sorunu: 1336568

HAR içe aktarma işlemi için tam başlatıcı bilgilerini destekleme

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

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

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

Chromium sorunu: 1343185

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

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

Öğeler panelinde, Ctrl veya Command + F tuşlarını kullanarak arama çubuğunu açın veya kapatın. Arama metin kutusuna bir sorgu yazarken DOM ağacı, eşleşen ilk öğeye atlar ve öğeyi varsayılan olarak 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 fazla kez atlayabilir. Bu davranış gereksiz hareketler oluşturur.

DOM araması.

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

Yazarken ara ayarı.

Chromium sorunu: 1344526

align-content CSS flexbox özellikleri için start ve end simgelerini gösterme

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

align-content flexbox özellikleri.

Chromium sorunu: 1139945

Diğer öne çıkan özellikler

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

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve sitenizdeki sorunları kullanıcılarınızdan önce 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 başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.