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

Geliştirici Araçları'nı tercih ettiğiniz dilde kullanın

Chrome Geliştirici Araçları artık 80'den fazla dili desteklediği için istediğiniz dilde çalışmanıza olanak tanır.

Ayarlar'ı açıp Tercihler altında tercih ettiğiniz dili seçin > Dil açılır listesini tıklayın ve Geliştirici Araçları'nı yeniden yükleyin.

Tercihler" genişlik="800" yükseklik="494">

Chromium sorunu: 1163928

Cihaz listesindeki yeni Nest Hub cihazları

Artık Cihaz modunda Nest Hub ve Nest Hub Max'in boyutlarını simüle edebilirsiniz.

Cihaz Araç Çubuğunu Aç/KapatCihaz Araç Çubuğunu Aç/Kapat tıklayın  , ardından cihaz listesinin altında Nest Hub veya Nest Hub Max'i seçin.

Nest Hub cihazı, Cihaz modunda

Chromium sorunu: 1223525

Çerçeve ayrıntıları görünümündeki kaynak denemeleri

Artık Uygulama panelindeki çerçeve ayrıntıları görünümünde, bir sitenin kaynak denemeleri hakkında bilgi edinebilirsiniz.

Kaynak denemeleri, yeni veya deneysel bir özelliğe erişmenizi sağlar. Böylece, özellik herkesin kullanımına sunulmadan önce kullanıcılarınızın sınırlı bir süre boyunca deneyebileceği işlevler oluşturabilirsiniz.

Kaynak denemelerinin bulunduğu bir sayfa açın (ör. demo sayfası). Uygulama panelinde Çerçeveler bölümüne gidin ve üst kareyi seçin.

Çerçeve ayrıntıları görünümündeki kaynak denemeleri

Chromium sorunu: 607555

Yeni CSS kapsayıcı sorguları rozeti

Kapsayıcı öğelerin (@container kurallarının ölçütleriyle eşleşen üst öğeler) yanına yeni bir container rozeti eklenir. Seçilen kapsayıcının ve tüm sorgulama alt öğelerinin sayfadaki yer paylaşımının gösterilmesini açıp kapatmak için rozeti tıklayın.

CSS kapsayıcı sorguları rozeti

Chromium sorunu: 1146422

Ağ filtrelerini tersine çevirmek için yeni onay kutusu

Ağ panelindeki filtreleri ters çevirmek için yeni Ters Çevir onay kutusunu kullanın.

Örneğin, "durum-kodu: 404" yazabilirsiniz. kullanarak 404 durumundaki ağ isteklerini filtreleyin. Filtreyi iptal etmek için Ters çevir onay kutusunu etkinleştirin (404 durumunda olmayan tüm ağ isteklerini gösterir).

Ağ filtrelerini ters çevir

Chromium sorunu: 1054464

Console kenar çubuğu yakında kullanımdan kaldırılacak

Filtre kullanıcı arayüzünün araç çubuğuna taşınması amacıyla Console kenar çubuğu kaldırılacak. Herhangi bir endişeniz veya geri bildiriminiz var mı? Bu sorun izleyici aracılığıyla bize bildirin.

Konsol kenar çubuğu desteğinin sonlandırılmasıyla ilgili mesaj

Chromium sorunu: 1232937

Sorunlar sekmesinde ve Ağ panelinde ham Set-Cookie üstbilgilerini görüntüleyin

Geliştirici Araçları artık Sorunlar sekmesinde ham Set-Cookie üstbilgileri gösteriyor.

Daha önce Geliştirici Araçları, ağ panelinde hatalı biçimlendirilmiş çerezler (yanlış Set-Cookie başlığı) göstermiyordu. paneline eklenen yeni response-header-set-cookie filtresiyle kullanıcılar, ham Set-Cookie üstbilgisi yanıtını filtreleyebilir. Geliştirici Araçları, Sorunlar sekmesindeki ham Set-Cookie üst bilgilerini paneline bağlar.

Ham "Set-Cookie" Sorunlar sekmesi ve Ağ panelindeki başlıklar

Chromium sorunu: 1179186

Console'da kendi mülkleri olarak tutarlı görüntülü reklam erişimcileri

Konsol, artık yerel erişimcileri tutarlı bir şekilde kendi mülkleri olarak gösteriyor.

Örneğin, Konsol'daki new Int8Array([1, 2, 3]) ifadesi değerlendirilirken length, byteOffset gibi yerel erişimciler önizlemede görüntülenmedi. Bu son güncellemeyle birlikte, yerel erişimciler önizlemede gösteriliyor ve değerler genişletildiğinde heyecanla değerlendirilir.

Console'da kendi mülkleri olarak tutarlı görüntülü reklam erişimcileri

Chromium sorunları: 1076820, 1199247

#sourceURL ile satır içi komut dosyaları için uygun hata yığını izlemeleri

Geliştirici Araçları artık satır içi komut dosyalarını #sourceURL ile düzgün bir şekilde çözüyor ve hata ayıklama için uygun hata yığın izlemelerini gösteriyor.

Önceden Geliştirici Araçları, satır içi komut dosyaları için #sourceURL ile yanlış konum gösteriyordu. Bu konum, açılıştaki <script> etiketine kıyasla etrafındaki dokümana kıyasla gösteriliyordu.

#sourceURL ile satır içi komut dosyaları için uygun hata yığını izlemeleri

Chromium sorunları: 1183990, 578269

Hesaplanan bölmesinde renk biçimini değiştirme

Artık Üst Karakter tuşu ve renk önizlemesini tıklayarak Hesaplanan bölmedeki herhangi bir öğenin renk biçimini değiştirebilirsiniz.

Üst Karakter+Renk biçimini değiştirmek için renk önizlemesini tıklayın

Chromium sorunu: 1226371

Özel ipuçlarını yerel HTML ipuçlarıyla değiştirin

Geliştirici Araçları, artık tüm bileşenlerde yerel HTML ipuçlarını kullanıyor. Geliştirici Araçları, yerel HTML ipucunun stili oluşturulmadığından uzun süredir özel bir ipucu uygulamaktadır.

Ne yazık ki özel bir ipucu uygulaması sağlamak karmaşık bir iş olduğundan sürekli olarak karmaşık hatalarla karşılaşıyoruz.

Özel uygulamaların avantajlarını tekrar vurguladıktan sonra, yerel HTML ipuçlarının Geliştirici Araçları için yeterli olduğunu ve ipuçlarını benimsemenin kullanıcılarımız için çok çeşitli sorunların önüne geçtiğini gördük.

Geliştirici Araçları ipucu

Chromium sorunu: 1223391

[Deneysel] Sorunlar sekmesindeki sorunları gizleme

Sorunlar sekmesinde sorunları gizlemek için sorunları gizle menüsü denemesini etkinleştirin. Bu şekilde, sizin için önemli olan önemli sorunlara odaklanabilirsiniz.

Sorun sekmesinde bir sorunun fareyle üzerine gelin, sağdaki sorun menüsünü Daha fazla tıklayın ve Bunun gibi sorunları gizle'yi seçerek gizleyin.

Deneysel sorunu gizleme içerik menüsü

Chromium sorunu: 1175722

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