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

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

Kayce Basques

Görme bozuklukları emülasyonu

Farklı görme bozukluğu olan kişilerin sitenizi nasıl deneyimlediği hakkında daha iyi bir fikir edinmek için Oluşturma sekmesini açın ve yeni Görme bozukluklarını simüle et özelliğini kullanın.

Bulanık görüş emülasyonu.

Geliştirici Araçları, bulanık görüş ve aşağıdaki renk görme bozukluğu türlerini emüle edebilir:

Protanopi: kırmızı ışığı algılayamama.
Döteranopi: Yeşil ışığı algılayamama durumu.
Mavi ışığı algılayamama.
Ahromatopsi: gri tonları dışında hiçbir rengi algılayamama (son derece nadirdir).

Bu renk görme bozukluklarının daha seyrek rastlanan versiyonları vardır, hatta aslında daha yaygındır. Örneğin, protanomali, kırmızı ışığa karşı duyarlılığın düşük olmasıdır (kırmızı ışığı tamamen algılayamayan protanopi). Ancak, bu "-normal" görme bozuklukları kadar açık değildir: Böyle bir görme bozukluğu olan her kişi farklıdır ve bazı şeyleri farklı bir şekilde görebilir (alakalı renkleri daha fazla/daha az algılayabilir).

Geliştirici Araçları'nda daha uç simülasyonlar için tasarım yaparak web uygulamalarınızın protanomali, döteranomali, tritanomali ve akromatomi hastaları tarafından da erişilebilir olması garanti edilir.

1003700 numaralı Chromium sorunu ile ilgili geri bildirim gönderin veya uygulama hakkında daha fazla bilgi edinin.

Yerel ayarlar emülasyonu

Artık Sensörler > Konum bölümünde bir konum ayarlayarak yerel ayarların emülasyonunu yapabilirsiniz. Komut Menüyü'nü açın ve Sensörler sekmesine erişmek için Sensors yazın. Bu işlemleri gerçekleştirdikten sonra Geliştirici Araçları, mevcut varsayılan yerel ayarı değiştirerek aşağıdakileri etkiler:

Intl.* API'ler, ör. new Intl.NumberFormat().resolvedOptions().locale
String.prototype.localeCompare ve *.prototype.toLocaleString gibi yerel ayara duyarlı diğer JavaScript API'leri (ör. 123_456..toLocaleString())
navigator.language ve navigator.languages gibi DOM API'leri
Accept-Language HTTP istek başlığı

Not: navigator.language ve navigator.languages üzerinde yapılan güncellemeler hemen görünmez. Yalnızca bir sonraki gezinme veya sayfa yeniden yükleme işleminden sonra görünür. Accept-Language HTTP başlığında yapılan değişiklikler, yalnızca sonraki istekler için yansıtılır.

Kendiniz denemek için Yerel ayara bağlı kod örneğine göz atın.

Chromium sorunu #1051822 ile ilgili geri bildirim gönderin.

Kaynaklar Arası Yerleştirme Politikası (COEP) hata ayıklaması

Ağ paneli artık Kaynaklar Arası Yerleştirme Politikası hata ayıklama bilgilerini sağlar.

Durum sütunu artık bir isteğin neden engellendiğine dair hızlı bir açıklamanın yanı sıra daha ayrıntılı hata ayıklama için bu isteğin başlıklarını görüntüleyebileceğiniz bir bağlantı da sağlamaktadır.

Durum sütununda engellenen istekler

Başlıklar sekmesinin Yanıt Başlıkları bölümü, sorunların nasıl çözüleceğine ilişkin daha fazla yol gösterici bilgi sağlar:

Daha fazla bilgi için Yanıt Başlıkları bölümüne bakın

Chromium sorunu #1051466 ile ilgili geri bildirim gönderin.

Kesme noktaları, koşullu ayrılma noktaları ve günlük noktaları için yeni simgeler

Kaynaklar panelinde ayrılma noktaları, koşullu kesme noktaları ve günlük noktaları için yeni simgeler bulunur:

Ayrılma noktaları kırmızı dairelerle gösterilir.
Koşullu Kesme Noktaları yarı kırmızı yarı beyaz dairelerle temsil edilir.
Günlük noktaları Konsol simgeleriyle gösterilen kırmızı dairelerle gösterilir.

Yeni simgelerin amacı, kullanıcı arayüzünü diğer GUI hata ayıklama araçlarıyla (genellikle kırmızı renkli ayrılma noktaları olan) tutarlı hale getirmek ve 3 özelliği bir bakışta ayırt etmeyi kolaylaştırmaktı.

Chromium sorunu #1041830 ile ilgili geri bildirim gönderin.

Belirli bir çerez yolunu belirleyen ağ isteklerine odaklanmak için Ağ panelindeki yeni cookie-path filtre anahtar kelimesini kullanın.

cookie-path gibi daha özel anahtar kelimeler keşfetmek için İstekleri mülklere göre filtreleme başlıklı makaleye göz atın.

Komut Menüsünden sola yerleştir

Geliştirici Araçları'nı görüntü alanınızın soluna taşımak için Komut menüsünü açıp Dock to left komutunu çalıştırın.

Geliştirici Araçları, görüntü alanının soluna yerleştirildi

Chromium sorunu #1011679 ile ilgili geri bildirim gönderin.

Ana Menüdeki `Settings` seçeneği taşındı

Ayarlar'ı Ana Menü'den açma seçeneği artık Diğer Araçlar altında bulunabilir.

Chromium sorunu #1050855 ile ilgili geri bildirim gönderin.

Denetimler paneli artık Lighthouse paneli oldu

Geliştirici Araçları ve Lighthouse ekipleri, web geliştiricilerinden sıklıkla, Lighthouse'u Geliştirici Araçları'ndan çalıştırmanın mümkün olduğunu duyacaklarına dair geri bildirimler alıyor. Ancak bu özelliği denemeye gittiklerinde "Lighthouse" panelini bulamadılar. Bu nedenle Denetimler paneli artık Lighthouse paneli oldu.

Lighthouse paneli

Bir klasördeki tüm Yerel Geçersiz Kılmaları silme

Yerel Geçersiz Kılmaları ayarladıktan sonra, bir klasörü sağ tıklayıp yeni Tüm geçersiz kılmaları sil seçeneğini belirleyerek ilgili klasördeki tüm Yerel Geçersiz Kılmaları silebilirsiniz.

Tüm geçersiz kılmaları sil

Chromium sorunu #1016501 ile ilgili geri bildirim gönderin.

Uzun görevler kullanıcı arayüzü güncellendi

Uzun Görev, ana iş parçacığında uzun bir süre tekeline bürünerek web sayfasının donmasına neden olan JavaScript kodudur.

Bir süredir Uzun Görevleri Performans panelinde görselleştirebiliyorsunuz, ancak Chrome 83'te Performans panelindeki Uzun Görev görselleştirme kullanıcı arayüzü güncellendi. Artık görevin Uzun Görev bölümü kırmızı arka plan ile renklendiriliyor.

Yeni Uzun Görev kullanıcı arayüzü

Chromium sorunu #1054447 ile ilgili geri bildirim gönderin.

Manifest bölmesinde maskelenebilir simge desteği

Android Oreo, uygulama simgelerini farklı cihaz modellerinde çeşitli şekillerde görüntüleyen uyarlanabilir simgeleri kullanıma sundu. Maskelenebilir simgeler, uyarlanabilir simgeleri destekleyen yeni bir simge biçimidir. Bu sayede, PWA simgenizin, maskelenebilir simge standardını destekleyen cihazlarda iyi göründüğünden emin olabilirsiniz.

Maskelenebilir simgenizin Android Oreo cihazlarda iyi görünüp görünmediğini kontrol etmek için Manifest bölmesindeki yeni Maskelenebilir simgeler için yalnızca minimum güvenli alanı göster onay kutusunu etkinleştirin. Daha fazla bilgi edinmek için Mevcut simgelerim hazır mı? bölümüne göz atın.

'Maskelenebilir simgeler için yalnızca minimum güvenli alanı göster' onay kutusu

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanabilirsiniz. Bu önizleme kanalları en yeni Geliştirici Araçları özelliklerine erişmenizi, son teknoloji ürünü web platformu API'lerini test etmenizi ve kullanıcılarınızdan önce sitenizdeki sorunları bulmanızı sağlar.

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

Yayındaki yeni özellikleri ve değişiklikleri ya da Geliştirici Araçları ile ilgili diğer her şeyi tartışmak için aşağıdaki seçenekleri kullanın.

Öneri veya geri bildirimlerinizi crbug.com adresinden bize iletebilirsiniz.
Geliştirici Araçları'ndaki Diğer seçenekler > Yardım > Geliştirici Araçları ile ilgili sorun bildir bölümüne giderek Geliştirici Araçları sorunlarını bildirin.
@ChromeDevTools adresinden tweet atabilirsiniz.
Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.