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

Kayce Basques

Cihaz modunda Moto G4 desteği

Cihaz Araç Çubuğunu etkinleştirdikten sonra Cihaz listesinden bir Moto G4 görüntü alanının boyutlarını simüle edebilirsiniz.

Moto G4 görüntü alanını taklit etme

Moto G4 donanımını görüntü alanının etrafında göstermek için Cihaz Çerçevesini Göster'i tıklayın.

Moto G4 donanımı gösteriliyor

İlgili özellikler:

  • Komut menüsünü açıp Capture screenshot komutunu çalıştırarak Moto G4 donanımını içeren görüntü alanının ekran görüntüsünü alın (Cihaz Çerçevesini Göster'i etkinleştirdikten sonra).
  • Mobil kullanıcının web tarama koşullarını daha doğru şekilde simüle etmek için ağı ve CPU'yu sınırlayın.

Chromium sorunu #924693

Çerezlerle ilgili güncellemeler

Çerezler bölmesinde engellenen çerezler

Uygulama panelindeki Çerezler bölmesinde, engellenen çerezler artık sarı arka planla renklendiriliyor.

Uygulama panelinin Çerezler bölmesinde engellenen çerezler

Ağ panelinden benzer bir kullanıcı arayüzüne nasıl erişeceğinizi öğrenmek için Bir çerezin neden engellendiğini hata ayıklama başlıklı makaleyi de inceleyin.

Chromium sorunu #1030258

Çerez bölmesinde çerez önceliği

Ağ ve Uygulama panellerindeki Çerezler tablolarında artık bir Öncelik sütunu bulunuyor.

Chromium sorunu #1026879

Tüm çerez değerlerini düzenleme

Boyut sütunundaki hücreler hariç olmak üzere çerez tablolarındaki tüm hücreler artık düzenlenebilir. Bu sütun, çerezin ağ boyutunu bayt cinsinden temsil eder. Her sütunun açıklaması için Alanlar bölümüne bakın.

Çerez değerini düzenleme

Çerez verilerini dahil etmek için Node.js getirme olarak kopyala

Çerez verilerini içeren bir fetch ifadesi almak için bir ağ isteğini sağ tıklayın ve Kopyala > Node.js fetch olarak kopyala'yı seçin.

Node.js getirme olarak kopyala

Chromium sorunu #1029826

Daha doğru web uygulaması manifest simgeleri

Daha önce, Uygulama panelindeki Manifest bölmesi, web uygulaması manifest simgelerini görüntülemek için kendi isteklerini gerçekleştiriyordu. Geliştirici Araçları'nda artık Chrome'un kullandığı manifest simgesinin bire bir aynısı gösteriliyor.

Manifest bölmesinde bulunan simgeler

Chromium sorunu #985402

Kaçış karakteri eklenmemiş değerleri görmek için CSS content özelliklerinin üzerine gelin

Değerin kaçırılmamış sürümünü görmek için content mülkünün üzerine gelin.

Örneğin, bu demo'da p::after sözde öğesini incelediğinizde Stil sekmesinde kaçan bir dize görürsünüz:

Kaçış karakteri eklenmiş dize

Fareyle content değerinin üzerine geldiğinizde, kaçış karakteri eklenmemiş değeri görürsünüz:

Kaçış karakteri eklenmemiş değer

Konsolda daha ayrıntılı kaynak haritası hataları

Console'da artık bir kaynak haritasının neden yüklenemediği veya ayrıştırılamadığı hakkında daha fazla ayrıntı sağlanıyor. Daha önce, hatanın ne olduğunu açıklamadan yalnızca bir hata mesajı gösteriliyordu.

Console'da kaynak eşleme yükleme hatası

Dosya bitiminden sonra kaydırmayı devre dışı bırakma ayarı

Ayarlar'ı açın ve ardından Kaynaklar panelinde bir dosyanın sonunun çok ötesine kaydırmanıza olanak tanıyan varsayılan kullanıcı arayüzü davranışını devre dışı bırakmak için Tercihler > Kaynaklar > Dosyanın sonunun ötesine kaydırmaya izin ver'i devre dışı bırakın.

Özelliğin GIF'ini aşağıda bulabilirsiniz.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Yeni Geliştirilenler veya Beta sürümünü kullanabilirsiniz. Bu önizleme kanalları, en son DevTools özelliklerine erişmenize, en yeni web platformu API'lerini test etmenize ve sitenizdeki sorunları kullanıcılarınızdan önce bulmanıza yardımcı olur.

Chrome Geliştirici Araçları Ekibi ile iletişime geçme

Yeni özellikler, güncellemeler veya Geliştirici Araçları ile ilgili başka herhangi bir konu hakkında konuşmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

DevTools'daki yenilikler serisinde ele alınan tüm konuların listesi.