Bu sayfa, Cloud Translation API ile çevrilmiştir.

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

Jecelyn Yeen

WebSocket isteklerini azaltma

Ağ paneli artık web soketi isteklerinin kısıtlanmasını desteklemektedir. Daha önce, ağ daraltma özelliği web soketi isteklerinde çalışmıyordu.

Ağ panelini açın, bir web yuvası isteğini tıklayın ve ileti aktarımlarını gözlemlemek için Mesajlar sekmesini açın. Hızı kısıtlamak için Yavaş 3G'yi seçin.

WebSocket isteklerini azaltma

Chromium sorunu: 423246

Uygulama panelindeki Yeni Reporting API bölmesi

Sayfanızda oluşturulan raporları ve durumlarını izlemek için yeni Reporting API bölmesini kullanın.

Reporting API, sayfanızın güvenlik ihlallerini, kullanımdan kaldırılan API çağrılarını ve daha fazlasını izlemenize yardımcı olmak üzere tasarlanmıştır.

Reporting API'yi kullanan bir sayfa (ör. demo sayfası) açın. Uygulama panelinde Arka plan hizmetleri bölümüne gidin ve Raporlama API'si bölmesini seçin.

Raporlar bölümünde, sayfanızda oluşturulan raporların listesi ve durumları gösterilir. Rapor ayrıntılarını görüntülemek için bu simgeyi tıklayın.

Uç noktalar bölümü, Reporting-Endpoints başlığında yapılandırılan tüm uç noktalara dair genel bir bakış sunar.

Reporting API bölmesi

Chromium sorunu: 1205856

Öğe Kaydedici panelinde görünür olana/tıklanabilir olana kadar bekleme desteği

Bir kullanıcı akışı kaydını yeniden oynatırken, Kaydedici paneli artık öğe görüntü alanında görünür veya tıklanabilir hale gelene kadar bekler ya da adımı tekrar oynatmadan önce öğeyi otomatik olarak görüntü alanına kaydırmaya çalışır. Önceden, tekrar oynatma hemen başarısız oluyordu.

Görüntü alanının dışına konumlandırılan ve etkinleştirildiğinde içeri kayan bir ekran dışı menü örneğini burada görebilirsiniz. Kullanıcı işlemleri akışı, menüyü açıp kapatmak ve menü öğesini tıklamaktır. Önceden, menü öğesi halen kayarak içeri kayarak görüntü alanında görünmediği için tekrar son adımda başarısız oluyordu. Artık sorun çözüldü.

Chromium sorunu: 1257499

Daha iyi konsol stili, biçimlendirme ve filtreleme

Günlük mesajlarının stilini ANSI kaçış koduyla uygun şekilde oluşturma

Artık konsol mesajlarının stillerini uygun şekilde ayarlamak için ANSI kod dışına alma dizilerini kullanabilirsiniz. Daha önce, Geliştirici Araçları konsolu ANSI kod dışı bırakma sıraları için çok sınırlı (ve kısmen bozuk) destek sunuyordu.

Node.js geliştiricilerinin günlük mesajlarını genellikle tebeşir, renkler, ansi-colors ve kleur gibi bazı stil kitaplıklarının yardımıyla ANSI kaçış dizileri aracılığıyla renklendirmeleri yaygın bir durumdur.

Bu değişiklikler sayesinde artık Geliştirici Araçları'nı kullanarak, uygun renklendirilmiş konsol mesajları kullanarak Node.js uygulamalarınızda hata ayıklayabilirsiniz. Kendiniz görüntülemek için bu demoyu açın.

Geliştirici Araçları'nı kullanarak konsol mesajlarını biçimlendirme ve bunların stil özelliklerini ayarlama hakkında daha fazla bilgi edinmek için Console'da mesajları biçimlendirme ve biçimlendirme başlıklı makaleye gidin.

konsol stili

Chromium sorunları: 1282837, 1282076

`%s`, `%d`, `%i` ve `%f` biçim belirteçlerini düzgün bir şekilde destekleme

Konsol, artık %s, %d, %i ve %f türündeki dönüşümleri Konsol Standardı'nda belirtildiği gibi düzgün bir şekilde gerçekleştiriyor. Daha önce görüşme sonucu tutarsızydı.

konsol mesajında biçim belirteçlerini destekle

Chromium sorunları: 1277944, 1282076

Kullanımı daha kolay konsol grubu filtresi

Konsol mesajı filtrelenirken, mesaj içeriği filtreyle eşleşirse veya grubun (ya da üst grubun) başlığı filtreyle eşleşirse konsol mesajı gösterilir. Daha önce filtreye rağmen konsol grubu başlığı gösteriliyordu.

Ayrıca bir konsol mesajı gösterilirse mesajın ait olduğu grup (veya üst grubu) da gösterilir.

konsol grup filtresi

Chromium sorunu: 1068788

Kaynak eşlemeleriyle ilgili iyileştirmeler

Kaynak eşleme dosyalarıyla Chrome uzantısında hata ayıklama

Artık kaynak eşleme dosyalarıyla Chrome uzantısında hata ayıklayabilirsiniz. Geliştirici Araçları daha önce Chrome uzantısında hata ayıklama için yalnızca satır içi kaynak eşlemeyi destekliyordu.

Kaynak eşleme dosyalarıyla Chrome uzantısında hata ayıklama

Chromium sorunu: 212374

Kaynaklar panelindeki kaynak klasör ağacı iyileştirildi

Kaynaklar panelindeki kaynak klasör ağacı, klasör yapılarında ve adlandırmada (ör. "../", "./" vb.) daha az karmaşıklık azaltılarak iyileştirilmiştir. Temelinde bu, kaynak eşlemelerindeki mutlak kaynak URL'lerinin normalleştirilmesinden kaynaklanır.

Kaynaklar panelindeki kaynak klasör ağacı iyileştirildi

Chromium sorunu: 1284737

Kaynaklar panelinde çalışan kaynak dosyalarını gösterme

Göreli SourceURL'ye sahip Çalışan (ör. web çalışanı, hizmet çalışanı) kaynak dosyaları artık Kaynak panelinde gösteriliyor. Önceden, çalışan kaynak dosyaları düzgün şekilde işlenemiyordu.

ALT_TEXT_HERE

Chromium sorunu: 1277002

Chrome'un otomatik koyu tema güncellemeleri

Otomatik Koyu Tema emülasyonu kullanıcı arayüzü artık basitleştirilmiştir. Bu seçenek artık onay kutusu ve daha önce açılır menü olarak gösteriliyordu.

Bunun dışında, Otomatik Koyu Tema etkinleştirildiğinde Emulate tercihler-renk-şeması açılır listesi devre dışı bırakılır ve otomatik olarak prefers-color-scheme: dark değerine ayarlanır.

Chrome 96'da, Android'de Otomatik Koyu Tema için Başlangıç Denemesi kullanıma sunuldu. Bu özellik sayesinde tarayıcı, kullanıcı işletim sisteminde koyu temaları etkinleştirdiğinde, açık renkli temalı sitelere otomatik olarak oluşturulan koyu temayı uygular.

Otomatik Koyu Tema emülasyonu

Chromium sorunu: 1243309

Dokunmaya uygun renk seçici ve bölünmüş bölme

Artık dokunmatik ekranlı cihazlarda parmaklarınızı veya ekran kalemini kullanarak renk seçebilir ve Geliştirici Araçları'nda Çekmece'yi yeniden boyutlandırabilirsiniz.

Google Pixelbook cihazının dokunmatik ekranıyla çekilmiş bir örneği burada görebilirsiniz.

Chromium sorunları: 1284245, 1284995

Öne çıkan çeşitli unsurlar

Bu sürümde yapılan bazı dikkate değer düzeltmeler şunlardır:

Çerezler bölmesindeki çerezleri düzenleme sorunu düzeltildi. (1290196)
Komut menüsünde önceki komutu seçmek için Shift + Tab tuşlarını kullanın. (1278743)
Sorunlar sekmesinde CORS ön kontrol isteği sorunlarını bildirin. (1272445).
Sorunlar sekmesinde Kullanıcı Aracısı İstemci İpuçları sorunlarını bildirin. (1219359).
Kaynaklar ve Konsol panelindeki Shift + Delete ile Page up / Page down davranışları düzeltildi. (1278461, 1285662)
Kaynaklar panelinde, kesme noktası kaldırıldığında kesme noktası düzenleme iletişim kutusunu kapatın. (922513)
Geliştirici Araçları'nda açık/koyu temaya geçerken yeniden yükleme gerekmez. (1278738)

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni geliştirilenler veya Beta'yı kullanmayı düşünün. Bu önizleme kanallarıyla Geliştirici Araçları'nın en yeni özelliklerine erişebilir, son teknoloji ürünü web platformu API'lerini test edebilir ve sitenizdeki sorunları kullanıcılarınızdan önce tespit edebilirsiniz!

Chrome Geliştirici Araçları ekibiyle iletişim kurma

Yayındaki yeni özellikler ve değişiklikler ya da Geliştirici Araçları ile ilgili diğer konular hakkında konuşmak için aşağıdaki seçenekleri kullanın.

crbug.com adresinden öneri veya geri bildirim gönderin.
Geliştirici Araçları'nda, Diğer seçenekler > Yardım > Geliştirici Araçları sorunu bildir'i kullanarak Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresine tweet gönderin.
Geliştirici Araçları'ndaki YouTube videoları veya Geliştirici Araçları İpuçları YouTube videolarındaki yenilikler hakkındaki görüşlerinizi bizimle paylaşın.