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

Kayce Basques
Kayce Basques
X GitHub

Cihaz Modu'nda Moto G4 desteği

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

Moto G4 görüntü alanını simüle etme

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

Moto G4 donanımını gösterme

İlgili özellikler:

  • Komut Menüsü'nü açın ve 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ıların web'e göz atma koşullarını daha doğru şekilde simüle etmek için ağı ve CPU'yu kısıtlayın.

Chromium sorunu #924693

Çerezlerle ilgili güncellemeler

Çerezler bölmesinde engellenen çerezler

Uygulama panelindeki Çerezler bölmesi artık engellenen çerezleri sarı bir arka planla renklendiriyor.

Uygulama panelinin Çerezler bölmesinde engellenen çerezler

Ağ panelinden benzer bir kullanıcı arayüzüne nasıl erişeceğinizi öğrenmek için Ç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ına artık Öncelik sütunu ekleniyor.

Chromium sorunu #1026879

Tüm çerez değerlerini düzenleme

Çerez tablolarındaki tüm hücreler artık düzenlenebilir. Ancak Boyut sütunundaki hücreler düzenlenemez. Çünkü bu sütun, çerezin ağ boyutunu bayt cinsinden gösterir. 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 kopyalama

Ç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östermek için kendi isteklerini gerçekleştiriyordu. Geliştirici Araçları artık Chrome'un kullandığı manifest simgesinin aynısını gösteriyor.

Manifest bölmesindeki simgeler

Chromium sorunu #985402

CSS content özelliklerinin üzerine gelerek çıkış karakteri eklenmemiş değerleri görün

Değerin çıkış karakterlerinden arındırılmış sürümünü görmek için content özelliğinin değerinin üzerine gelin.

Örneğin, bu demoda p::after sözde öğesini incelediğinizde Styles (Stiller) bölmesinde kaçış karakteri eklenmiş bir dize görürsünüz:

Kaçış karakteri eklenmiş dize

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

Escape edilmemiş değer

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

Console artık bir kaynak haritasının neden yüklenemediği veya ayrıştırılamadığı hakkında daha fazla ayrıntı sunuyor. Daha önce yalnızca neyin yanlış gittiğini açıklamadan bir hata mesajı veriyordu.

Konsolda kaynak eşlemesi yükleme hatası

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

Ayarlar'ı açın ve Tercihler > Kaynaklar > Dosyanın sonunu geçerek kaydırmaya izin ver'i devre dışı bırakarak Kaynaklar panelinde dosyanın sonunu geçerek kaydırmanıza olanak tanıyan varsayılan kullanıcı arayüzü davranışını devre dışı bırakın.

Özelliğin GIF'ini burada bulabilirsiniz.

Önizleme kanallarını indirme

Varsayılan geliştirme tarayıcınız olarak Chrome Canary, Dev veya Beta'yı kullanmayı düşünebilirsiniz. Bu önizleme kanalları, en yeni DevTools özelliklerine erişmenizi sağlar, en yeni web platformu API'lerini test etmenize olanak tanır ve kullanıcılarınızdan önce sitenizdeki sorunları 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 diğer konuları tartışmak için aşağıdaki seçenekleri kullanın.

Geliştirici Araçları'ndaki yenilikler

Geliştirici Araçları'ndaki yenilikler serisinde ele alınan her şeyin listesi.