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

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

Jecelyn Yeen

Önizleme özelliği: Yeni CSS'ye Genel Bakış paneli

Sayfanızdaki olası CSS iyileştirmelerini belirlemek için yeni CSS'ye Genel Bakış panelini kullanın. CSS'ye Genel Bakış panelini açın, ardından sayfanızın CSS'sinin raporunu oluşturmak için Yakalamaya genel bakış'ı tıklayın.

Bilgileri daha ayrıntılı bir şekilde inceleyebilirsiniz. Örneğin, aynı rengin uygulandığı öğelerin listesini görüntülemek için Renkler bölümündeki bir rengi tıklayın. Bir öğeyi Öğeler panelinde açmak için öğeyi tıklayın.

CSS'ye Genel Bakış paneli, bir önizleme özelliğidir. Ekibimiz bu konu üzerinde aktif olarak çalışmaya devam ediyor ve daha fazla geliştirme için geri bildirimlerinizi bekliyoruz.

CSS'ye Genel Bakış paneli hakkında daha fazla bilgi edinmek için bu makaleyi okuyun.

CSS'ye genel bakış paneli

Chromium sorunu: 1254557

CSS uzunluğunu düzenleme ve kopyalama deneyimi geri yüklenip iyileştirildi

CSS'yi kopyalama ve metin olarak düzenleme deneyimi, uzunluklu CSS mülkleri için geri yüklenir. Bu deneyimler son sürümde bozulmuştur.

Ayrıca, sürükleyerek birim değerini ayarlayabilir ve açılır menü aracılığıyla birim türünü güncelleyebilirsiniz. Bu eklenti uzunluğu yazma özelliği, metin deneyimi olarak birincil düzenlemeyi etkilemez.

Herhangi bir sorunla karşılaşırsanız lütfen goo.gle/length-feedback adresinden bildirin.

Ayarlar > Denemeler > Stiller bölmesinde CSS uzunluğu yazma araçlarını etkinleştir onay kutusunu işaretleyerek bu özelliği devre dışı bırakabilirsiniz.

Chromium sorunları: 1259088, 1172993

Sekme güncellemeleri oluşturuluyor

CSS tercih eden kontrast medya özelliği emülasyonu

Prefers-contrast medya özelliği, kullanıcının sayfada daha fazla veya daha az kontrast isteyip istemediğini algılamak için kullanılır.

Komut Menüsü'nü açın, Oluşturmayı Göster komutunu çalıştırın ve ardından CSS medya özelliği kontrastı tercih eder açılır listesini ayarlayın.

Chromium sorunu: 1139777

Chrome'un Otomatik Koyu Tema özelliğini emüle eder

Chrome'un Otomatik Koyu Temas etkinleştirildiğinde sayfanızın nasıl göründüğünü kolayca görmek için otomatik koyu tema emülasyonu yapmak üzere Geliştirici Araçları'nı kullanın.

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.

Komut Menüsü'nü açın, Oluşturmayı Göster komutunu çalıştırın ve Otomatik koyu mod açılır menüsünü ayarlayın.

Chrome'un Otomatik Koyu Tema özelliğini emüle eder

Chromium sorunu: 1243309

Stiller bölmesindeki bildirimleri JavaScript olarak kopyala

CSS kurallarını JavaScript özellikleri olarak kolayca kopyalayabilmeniz için içerik menüsüne iki yeni seçenek eklendi. Bu kısayol seçenekleri, özellikle CSS-in-JS kitaplıklarıyla çalışan geliştiriciler için kullanışlıdır.

Stiller bölmesinde bir CSS kuralını sağ tıklayın. Tek bir kuralı kopyalamak için Bildirimi JS olarak kopyala'yı, tüm kuralları kopyalamak için Tüm bildirimleri JS olarak kopyala'yı seçebilirsiniz.

Örneğin, aşağıdaki örnekte paddingLeft: '1.5rem' panoya kopyalanır.

Tanımlamayı JavaScript olarak kopyala

Chromium sorunu: 1253635

Ağ panelindeki yeni Yük sekmesi

Yüklü bir ağ isteğini incelerken Ağ panelindeki yeni Yük sekmesini kullanın. Önceden yük bilgileri Başlıklar sekmesinde yer alıyordu.

Ağ panelindeki Yük sekmesi

Chromium sorunu: 1214030

Özellikler bölmesinde özelliklerin görüntülenmesi iyileştirildi

Özellikler bölmesi artık örneğin tüm özelliklerini göstermek yerine yalnızca alakalı özellikleri gösterir. DOM prototipleri ve yöntemleri kaldırıldı.

Chrome 95'teki Özellikler bölmesi geliştirmeleriyle birlikte, ilgili özellikleri artık daha kolay bulabilirsiniz.

Özelliklerin Özellikler bölmesinde görüntülenmesi

Chromium sorunu: 1226262

Konsol güncellemeleri

Console'da CORS hatalarını gizleme seçeneği

CORS hatalarını Konsol'da gizleyebilirsiniz. CORS hataları artık Sorunlar sekmesinde raporlandığından, CORS hatalarının Konsol'da gizlenmesi karmaşayı azaltmaya yardımcı olabilir.

Konsol bölümünde Ayarlar simgesini tıklayın ve Konsolda CORS hatalarını göster onay kutusunun işaretini kaldırın.

Console'da CORS hatalarını gizleme seçeneği

Chromium sorunu: 1251176

Console'da uygun `Intl` nesnelerinin önizlemesi ve değerlendirmesi

Intl nesneleri artık uygun önizlemeye sahip ve Console'da heyecanla değerlendiriliyor. Daha önce Intl nesneleri istekli bir şekilde değerlendirilmiyordu.

Konsoldaki uluslararası nesneler

Chromium sorunu: 1073804

Tutarlı eş zamansız yığın izlemeler

Console artık diğer eşzamansız görevlerle ve Çağrı Yığını'nda gösterilenlerle tutarlı olması için async işlevlerine ilişkin async yığın izlerini rapor etmektedir.

eş zamansız yığın izlemeler

Chromium sorunu: 1254259

Konsol kenar çubuğu korunacak. Chrome 94'te, Play Console kenar çubuğunun yakında kullanımdan kaldırılacağını duyurduk ve geliştiricilerden geri bildirim ve endişelerini soruyoruz.

Desteği sonlandırma bildirimiyle ilgili yeterli geri bildirim aldık ve kenar çubuğunu kaldırmak yerine iyileştirmeye çalışacağız.

Konsol kenar çubuğu

Chromium sorunları: 1232937, 1255586

Uygulama panelinde kullanımdan kaldırılan Uygulama önbelleği bölmesi

Chrome ve diğer Chromium tabanlı tarayıcılardan AppCache desteği kaldırıldığından Uygulama panelindeki Uygulama önbelleği bölmesi artık kaldırılmıştır.

Chromium sorunu: 1084190

[Deneysel] Uygulama panelinde yeni Raporlama API'sı bölmesi

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.

Bu deneme etkinleştirildikten sonra, raporların durumunu Uygulama panelindeki yeni Raporlama API'sı bölmesinde görebilirsiniz.

Uç noktalar bölümünün şu anda hâlâ aktif geliştirme aşamasında olduğunu göz önünde bulundurun (şimdilik raporlama uç noktası gösterilmemektedir).

Raporlama API hakkında daha fazla bilgi için bu makaleyi inceleyin.

Uygulama panelindeki Reporting API bölmesi

Chromium sorunu: 1205856

Ö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.