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

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

Kayce Basques

Çerezlerle ilgili yeni özellikler

Çerezin neden engellendiğiyle 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üncellenen Çerezler sekmesine gidin. Chrome 76 ve sonraki sürümlerinde 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 Çerez İste seçeneği kablosuz bağlantı üzerinden gönderilmemiştir. Bu öğeler varsayılan olarak gizlidir. Bunları göstermek için filtrelenmiş istek çerezlerini göster'i tıklayın.
Sarı renkli Yanıt Çerezleri kablosuz bağlantı üzerinden gönderilmiş ancak depolanmamıştır.
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 başlıklarından gelir. Domain, Path ve Expiration/Max-Age verileri Chrome Geliştirici Araçları 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ı ve azaltılmış hareket tercihlerini simüle eder

prefers-color-scheme medya sorgusu, sitenizin stilini kullanıcılarınızın tercihleriyle eşleştirmenizi sağlar. Örneğin, prefers-color-scheme: dark medya sorgusunun doğru olması, kullanıcınızın işletim sistemini koyu moda ayarladığı ve koyu mod kullanıcı arayüzlerini tercih ettiği anlamına gelir.

prefers-color-scheme: dark ve prefers-color-scheme: light stillerinizde hata ayıklamak için Komut Menüsü'nü açın, Oluşturmayı Göster komutunu çalıştırın ve ardından CSS medya özelliği Preferreds-color-scheme açılır menüsünü ayarlayın.

Preferred-color-scheme: "koyu-renk"

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

CSS tercihler-renk-şeması emülasyonu açılır menüsünün yanındaki CSS medya özelliği emülasyonu açılır listesini kullanarak prefers-reduced-motion: reduce simülasyonunu da simüle edebilirsiniz.

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 etmenize ve bunların web uygulamalarınız üzerindeki etkisini test etmenize olanak tanır. Şaşırtıcı bir şekilde, bu yeni özellik coğrafi konum emülasyonunun güvenilirliğini de artırıyor: Daha önce 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 birleştiğine göre, bu uyuşmazlık kategorisi ortadan kalkar.

Kod kapsamı güncellemeleri

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

Kapsam sekmesinde artık kullanılmış ve kullanılmayan kodları göstermek için 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 temsil eder.

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österebilir.

Kapsam sekmesi.

Kullanılabilir olduğunda Kaynaklar paneli, 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 dosya vurgulanır.

Kaynaklar panelindeki kapsam verileri.

Kaynaklar panelindeki kapsam verileri. 8. satır, kullanılmayan koda bir örnektir. 11. satır, kullanılan koda bir örnektir.

Chromium sorunları #1003671, #1004185

Ağ kaynağının istenme nedeni için hata ayıklama

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

Başlatıcı sekmesi

Başlatan sekmesi.

Chromium sorunları 963183, 842488

Konsol ve Kaynaklar panelleri, girinti tercihlerine tekrar uyar

Geliştirici Araçları, uzun süredir girinti tercihinizi 2 boşluk, 4 boşluk, 8 boşluk veya sekme olarak özelleştirecek bir ayar kullanıyordu. Konsol ve Kaynaklar panelleri, bu ayarı yoksaydığı için son zamanlarda bu ayar temel olarak işe yaramadı. Bu hata artık düzeltildi.

Tercihinizi ayarlamak için Ayarlar > Tercihler > Kaynaklar > Varsayılan Girinti'ye gidin.

Chromium sorunu #977394

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

İmlecinizi yukarıdaki satıra taşımak için Konsol veya Kaynaklar 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, 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.