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

Cihaz Modu'nda Moto G4 desteği

Cihaz Araç Çubuğu'nu etkinleştirdikten sonra artık Moto G4 görüntü alanının boyutlarını simüle edebilirsiniz Cihaz listesinden.

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

Moto G4 donanımını görüntü alanının çevresinde 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çın ve Capture screenshot komutunu çalıştırarak (Cihaz Karesini Göster etkinleştirildikten sonra) Moto G4 donanımını içeren görüntü alanı.
  • Mobil kullanıcının web'de gezinmesini daha doğru bir şekilde simüle etmek için ağı ve CPU'yu daraltın koşullar.

Chromium sorunu #924693

Çerezlerle ilgili güncellemeler

Çerezler bölmesindeki engellenen çerezler

Uygulama panelindeki Çerezler bölmesinde, engellenmiş çerezlerin rengi artık sarı bir arka planda olmak üzere.

Uygulama panelinin Çerezler bölmesindeki engellenen çerezler

Ağ'dan benzer bir kullanıcı arayüzüne nasıl erişeceğinizi öğrenmek için Bir çerezin neden engellendiğiyle ilgili hata ayıklama bölümüne de bakabilirsiniz. panelini açın.

Chromium sorunu #1030258

Çerez bölmesinde çerez önceliği

Ağ ve Uygulama panellerindeki Çerezler tabloları artık bir Öncelik sütunu içeriyor.

Chromium sorunu #1026879

Tüm çerez değerlerini düzenle

Çerez tablolarındaki tüm hücreler artık düzenlenebilir. Bunun nedeni, Boyut sütunundaki hücreler sütunu, çerezin ağ boyutunu bayt cinsinden gösterir. İlgili açıklama için Alanlar'a görebilirsiniz.

Çerez değerini düzenleme

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

Bir ağ isteğini sağ tıklayın ve Kopyala'yı seçin > fetch almak için Node.js getirme olarak kopyalayın ifadesini kullanın.

Node.js getirme olarak kopyala

Chromium sorunu #1029826

Daha doğru web uygulaması manifest simgeleri

Önceden, Uygulama panelindeki Manifest bölmesi, aşağıdakileri yapmak için kendi isteklerini yerine getiriyordu. web uygulaması manifest simgelerini göster. Geliştirici Araçları artık Chrome'un kullandığı manifest simgesinin aynısını gösteriyor.

Manifest bölmesindeki simgeler

Chromium sorunu #985402

Çıkış karaktersiz değerleri görmek için fareyle CSS content özelliklerinin üzerine gelin

Değerin çıkış karaktersiz sürümünü görmek için bir content özelliği değerinin üzerine gelin.

Örneğin, bu demo p::after sözde öğesini incelediğinizde, dizesinden birini seçin:

Kaçırılan dize

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

Çıkış karaktersiz değer

Console'da daha ayrıntılı kaynak eşlemesi hataları

Console artık bir kaynak haritasının neden yüklenemediği veya ayrıştırılamadığı konusunda daha fazla ayrıntı sunuyor. Önceden, yalnızca ne olduğunu açıklamadan hata verdi.

Konsolda kaynak haritası yükleme hatası

Dosyanın sonundan sonra kaydırmayı devre dışı bırakma ayarı

Ayarlar'ı açın ve Tercihler'i devre dışı bırakın > Kaynaklar > Sonundan sonra kaydırmaya izin ver dosyasını kullanarak bir dosyanın bitiminden çok daha ileriye doğru kaydırmanıza olanak tanıyan varsayılan kullanıcı arayüzü davranışını Kaynaklar paneline gidin.

Bu ö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ı 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ı sorunlarını bildirmek için Diğer seçenekler'i Daha fazla > Yardım > Geliştirici Araçları'nda Geliştirici Araçları ile ilgili sorunları bildirin.
  • @ChromeDevTools adresinden tweet atabilirsiniz.
  • Geliştirici Araçları YouTube videoları veya Geliştirici Araçları ipuçları YouTube videolarına yorum yazın.

Geliştirici Araçları'ndaki yenilikler

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