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

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

Kayce Basques

Çerezler için yeni özellikler

Bir çerezin engellenme nedenleriyle ilgili hata ayıklama

Ağ etkinliğini kaydettikten sonra bir ağ kaynağı seçin ve söz konusu kaynağın istek veya yanıt çerezlerinin neden engellendiğini anlamak için güncellenmiş Çerezler sekmesine gidin. Chrome 76 ve sonraki sürümlerde neden daha fazla engellenmiş çerez görüyor olabileceğinizi anlamak için SameSite olmadan varsayılan davranışta yapılan değişiklikler bölümüne bakın.

Çerezler sekmesi.

Çerezler sekmesi.

Sarı renkli İstek Çerezleri banka üzerinden gönderilmedi. Bunlar varsayılan olarak gizlidir. Bunları göstermek için filtrelenmiş istek çerezlerini göster'i tıklayın.
Sarı Yanıt Çerezleri kablo üzerinden gönderildi ancak saklanmadı.
Bir çerezin neden engellendiğini öğrenmek için fareyle Daha Fazla Bilgi öğesinin üzerine gelin.
İstek Çerezleri ve Yanıt Çerezleri tablolarındaki verilerin çoğu, kaynağın HTTP üst bilgilerinden gelir. Domain, Path ve Expires/Max-Age verileri, Chrome DevTools Protokolü'nden gelir.

Chromium sorunları #856777, #993843

Çerez değerlerini göster

Bir çerezin değerini görüntülemek için Çerezler bölmesinde bir satırı tıklayın.

Bir çerezin değerini görüntüleme.

Chromium sorunu #462370

Farklı tercihler-renk-şemasını ve azaltılmış-hareket tercihlerini simüle eder

prefers-color-scheme medya sorgusu, sitenizin stilini kullanıcının tercihleriyle eşleştirmenize olanak tanır. Örneğin, prefers-color-scheme: dark medya sorgusu doğruysa bu, kullanıcınızın işletim sistemini koyu moda ayarladığı ve koyu mod kullanıcı arayüzlerini tercih ettiği anlamına gelir.

Komut Menüsü'nü açın, Oluşturmayı Göster komutunu çalıştırın ve prefers-color-scheme: dark ve prefers-color-scheme: light stillerinizin hatalarını ayıklamak için CSS medya özelliğini emüle et-renk-scheme açılır menüsünü ayarlayın.

tercihler-renk-şeması: koyu

prefers-color-scheme: dark ayarlandığında (orta kutu), Stiller bölmesi (sağ kutu), söz konusu medya sorgusu doğru olduğunda uygulanan CSS'yi ve görüntü alanında ise koyu mod stilleri (sol kutu) gösterilir.

Ayrıca CSS medya özelliğini tercih eden-renk-şeması açılır menüsünün yanındaki CSS medya özelliğini emüle et-azaltılmış-motion açılır listesini kullanarak da prefers-reduced-motion: reduce simülasyonunu yapabilirsiniz.

Chromium sorunu #1004246

Saat dilimi emülasyonu

Sensörler sekmesi artık yalnızca override geolocation değil, aynı zamanda rastgele saat dilimlerini emüle etmenizi ve bunun web uygulamalarınız üzerindeki etkisini test etmenizi sağlar. Bu yeni özellik, muhtemelen coğrafi konum emülasyonunun güvenilirliğini de iyileştiriyor: Önceden web uygulamaları, konumu kullanıcının yerel saat dilimiyle eşleştirerek konum adres sahteciliğini algılayabiliyordu. Artık coğrafi konum ve saat dilimi emülasyonu birbirine bağlandığına göre, bu uyumsuzluk kategorisi ortadan kalkar.

Kod kapsamı güncellemeleri

Kapsam sekmesi, kullanılmayan JavaScript ve CSS'yi bulmanıza yardımcı olabilir.

Kapsam sekmesinde, kullanılan ve kullanılmayan kodları göstermek için artık yeni renkler kullanılmaktadır. Bu renk kombinasyonunun, renk körlüğü olan kişiler için daha erişilebilir olduğu kanıtlanmıştır. Soldaki kırmızı çubuk kullanılmayan kodu, sağdaki mavi çubuk ise kullanılan kodu gösterir.

Yeni kapsam türü filtresi metin kutusu, kapsam bilgilerini türüne göre filtrelemenize olanak tanır: yalnızca JavaScript kapsamını, yalnızca CSS'yi veya tüm kapsam türlerini görüntüleyin.

Kapsam sekmesi.

Kaynaklar paneli, kullanılabilir olduğunda kod kapsamı verilerini görüntüler. Satır numarasının yanındaki kırmızı veya mavi işaretleri tıkladığınızda, Kapsam sekmesi açılır ve dosyayı vurgular.

Kapsam verileri, Kaynaklar panelinde gösterilir.

Kapsam verileri, Kaynaklar panelinde gösterilir. 8. satır, kullanılmayan koda örnektir. 11. Satır, kullanılan koda bir örnektir.

Chromium sorunları #1003671, #1004185

Ağ kaynağının istenme nedenindeki hataları ayıkla

Ağ etkinliğini kaydettikten sonra bir ağ kaynağı seçin ve kaynağın neden istendiğini anlamak için Başlatan sekmesine gidin. İstek çağrısı yığını bölümünde, ağ isteğine yol açan JavaScript çağrı yığını açıklanmaktadır.

Başlatıcı sekmesi.

Başlatıcı sekmesi.

Chromium sorunları 963183, 842488

Konsol ve Kaynaklar panelleri girinti tercihlerine tekrar uyuyor

Geliştirici Araçları uzun bir süredir girinti tercihinizi 2 boşluk, 4 boşluk, 8 boşluk veya sekme olarak özelleştirmenizi sağlayan bir ayara sahipti. Konsol ve Kaynaklar panelleri ayarı yok saydığı için yakın zamanda bu ayar temelde işe yaramadı. Bu hata düzeltildi.

Tercihinizi ayarlamak için Ayarlar > Tercihler > Kaynaklar > Varsayılan Girinti bölümüne gidin.

Chromium sorunu #977394

İmleçle gezinme için yeni kısayollar

İmlecinizi yukarıdaki satıra taşımak için Konsol veya Kaynak panellerinde Control+P tuşlarına basın. İmlecinizi aşağıdaki satıra taşımak için Ctrl+N tuşlarına basın.

Chromium sorunu #983874

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