Geliştirici Araçları'ndaki yenilikler (Chrome 120)

Sofia Emelianova
Sofia Emelianova
GitHub

Üçüncü taraf çerezlerini kullanımdan kaldırma

Sitenizde üçüncü taraf çerezleri kullanılıyor olabilir. Bu çerezlerin desteği sonlandırılma sürecinde, artık işlem yapmanız gerekiyor. Etkilenen çerezlerle ilgili ne yapabileceğinizi öğrenmek için Üçüncü taraf çerezlerinin sonlandırılmasına hazırlanma başlıklı makaleyi inceleyin.

Onay kutusu. Üçüncü taraf çerezleriyle ilgili sorunları dahil et onay kutusu, tüm Chrome kullanıcıları için varsayılan olarak etkinleştirilmiştir. Bu nedenle, Sorunlar sekmesi artık üçüncü taraf çerezlerinin kullanımdan kaldırılması ve kullanımdan kaldırılmasından etkilenecek çerezler hakkında sizi uyarır. Bu sorunlarla karşılaşmamak için istediğiniz zaman onay kutusunu temizleyebilirsiniz.

Üçüncü taraf çerezlerine yönelik desteğin sonlandırılmasıyla ilgili sorunlar sekmesinde yer alan bir uyarı gösterilir.

Chromium sorunu: 1466310.

Özel Korumalı Alan Analiz Aracı ile web sitenizin çerezlerini analiz etme

Geliştirici Araçları için Özel Korumalı Alan Analiz Aracı uzantısı, en son yayın öncesi 0.3.2 sürümüyle etkin bir şekilde geliştirilme aşamasındadır. Bu araç, web sitenizin çerezleri nasıl kullandığını anlamanıza olanak tanır ve gizliliği korumaya yönelik yeni Chrome API'leri hakkında yol gösterir.

Çerezlerinizi analiz etmek için:

  1. Chrome'da uzantıyı yükleyin.
  2. En iyi analiz için web sitenizi tek bir sekmede açın.
  3. Geliştirici Araçları'nı açın ve Özel Korumalı Alan paneline gidin. Bu panel, üstteki Daha fazla sekme. açılır düğmesinin arkasında gizlenmiş olabilir.
  4. Çerezler bölümünü açın ve Bu sekmeyi analiz et'i tıklayın. Araç herhangi bir çerez bulamadıysa sayfayı yeniden yüklemeyi deneyin.

Özel Korumalı Alan Analiz Aracı.

Özel Korumalı Alan Analiz Aracı'nı (PSAT) kullanma hakkında daha fazla bilgi için aşağıdaki kaynaklara göz atın:

Ayrıca Raporlama sorunları ile ilgili kılavuzu inceleyin.

Geliştirilmiş yoksayılanlar listelemesi

node_modules için varsayılan hariç tutma kalıbı

Bu sürüm, varsayılan normal ifadeyi özel hariç tutma kuralı olarak etkinleştirir (Ayarlar. Ayarlar > Liste Yoksay). Yalnızca kodunuza odaklanmanıza yardımcı olmak için Hata Ayıklayıcı artık /node_modules/ ve /bower_components/ komut dosyalarını varsayılan olarak atlar. Bu kuralı dilediğiniz zaman ayarlardan devre dışı bırakabilirsiniz.

Normal ifade eklendikten önce ve sonra.

Chromium sorunu: 1496301.

İstisnalar artık yakalanırsa veya yoksayılmamış koddan geçerse yürütülmesini durdurur

Kodda Onay kutusu. yakalanan istisnalarda duraklat işaretli olduğunda, Hata Ayıklayıcı artık hem eşzamanlı hem de eşzamansız aşağıdaki istisnalarda yürütmeyi durdurur:

  • Çağrı yığınındaki yoksayılmayan çerçevelerde yakalanan istisnalar.
  • Çağrı yığınındaki yoksayılmamış çerçevelerden geçen istisnalar yakalandı. Örneğin, ekran görüntüsüne bakın.

Yok sayılmayan kod üzerinden geçen yakalanmış bir istisnayı duraklatın.

Bu davranışı test etmek için bu demo sayfasını açın:

  1. Geliştirici Araçları > Kaynaklar'ı açın, hidden klasörünü yoksayılanlar listesine ekleyin ve Onay kutusu. Yakalanan istisnalarda duraklat'ı işaretleyin.
  2. Sayfada, "Yakalanan" senaryolar listesinin altındaki farklı düğmeleri tıklayın ve belirtilen durumlarda yürütme işleminin duraklatıldığını görün.

Hata Ayıklayıcı, eşzamansız çağrılarda yakalanan ve/veya yakalanmamış istisnalarda (işaretlendiğinde) yürütme işlemini duraklatmak için vaatler genelinde ret işleyiciler arar. Bu sürümden itibaren Hata Ayıklayıcı, try...finally blokunun herhangi bir istisnayı yakalamasına benzer şekilde, Promise.finally() ürününün bir istisnayı yakalayacağını tahmin etmez.

Chromium sorunları: 1489312, 1291064.

x_google_ignoreList, kaynak eşlemelerde ignoreList olarak yeniden adlandırıldı

Kaynak eşleme spesifikasyonu, x_google_ignoreList yerine ignoreList alanını benimsedi ve Geliştirici Araçları artık eskisinin yedeğiyle yeni adı destekliyor. Çerçeveler ve paketleyiciler artık yeni alan adını kullanabilir.

Kaynak eşlemeleri, web siteniz tarafından sunulan küçültülmüş kod yerine yazdığınız kodda hata ayıklamanızı sağlar.

Kaynak eşlemeleri hakkında daha fazla bilgi edinmek için aşağıdaki konulara bakın:

Uzaktan hata ayıklama sırasında yeni giriş modunu açma/kapatma

Artık Chrome sekmesinde uzaktan hata ayıklarken dokunma ve fare girişi arasında geçiş yapabilirsiniz. Örneğin, --remote-debugging-port=<port> ile bir Chrome örneği çalıştırıp bu ağ hedefine chrome://inspect/#devices üzerinden bağlandığınızda.

Giriş modu açma/kapatma işleminin nasıl yapıldığını görmek için videoyu izleyin.

Chromium sorunu: 1410433.

Öğeler paneli artık #document düğümün URL'lerini gösteriyor

iframe'lerde daha kolay hata ayıklamanızı sağlamak için Öğeler paneli artık #document düğümün yanında documentURL gösteriyor.

Öncesi ve sonrası bölümü, #document düğümünün yanında documentURL&#39;yi gösterir.

Chromium sorunu: 1376976.

Uygulama panelindeki geçerli İçerik Güvenliği Politikası

Artık incelenen bir karenin İçerik Güvenliği Politikası (İGP) ayrıntılarını görüntüleyebilirsiniz. Ayrıntıları görüntülemek için Uygulama > Çerçeveler'e gidin, bir çerçeve seçin ve ekranı kaydırarak İçerik Güvenliği Politikası (İGP) bölümüne gidin.

Uygulama sekmesinde bulunan İçerik Güvenliği Politikası bölümü.

Chromium sorunu: 1424714.

Animasyonlarda hata ayıklama iyileştirildi

Animasyonlar sekmesinde artık şunları yapabilirsiniz:

  • Video yer imlecini ayarlamak için zaman çizelgesi başlığında herhangi bir yeri tıklayın. Animasyon oynatılıyorsa oynatılmaya devam eder, aksi takdirde durur. Daha önceleri sürüklemeniz gerekiyordu.
  • Animasyonların tamamını görmek için ad sütununu yeniden boyutlandırın.

Chromium sorunları: 1492460, 1489721.

Kaynaklar'daki "Bu koda güveniyor musunuz?" iletişim kutusu ve Console'daki kendi kendine XSS uyarısı

Onay kutusu. Kod yapıştırırken Self-XSS ile ilgili uyarı göster denemesi varsayılan olarak etkinleştirildi. Kendi kendine XSS (kendi kendine siteler arası komut dosyası çalıştırma), kötü amaçlı kodları Geliştirici Araçları'na yapıştırmanız için sizi kandıran ve bir saldırganın web hesaplarınızın ve kişisel bilgilerinizin kontrolünü ele geçirmesine olanak tanıyan bir saldırıdır.

Yeni bir Geliştirici Araçları kullanıcısıysanız ve kodu yapıştırmaya çalışıyorsanız Kaynaklar panelinde artık Bu koda güveniyor musunuz? iletişim kutusu gösterilirken Konsol'da artık benzer bir uyarı gösterilir. Yalnızca anladığınız ve kendiniz incelediğiniz kodu yapıştırın. Yapıştırmak için, istendiğinde allow pasting yazın. Bir kez yapıştırmaya izin verildikten sonra uyarı bir daha gösterilmez.

Kodu Kaynaklara yapıştırırken görüntülenen &quot;Bu koda güveniyor musunuz?&quot; iletişim kutusu.

Chromium sorunu: 345205.

Web çalışanlarındaki ve iş akışlarındaki etkinlik işleyici ayrılma noktaları

Kaynaklar > Etkinlik İşleyici Ayrılma Noktaları'nda bir etkinlik ayrılma noktası ayarladığınızda, Hata Ayıklayıcı artık web sitenizde bu etkinliği duraklatmaya ek olarak, ilgili etkinlik Paylaşılan Depolama İş Akışı dahil herhangi bir türde bir web çalışanı veya iş akışında gerçekleştiğinde de duraklayacaktır.

Bir hizmet çalışanı, zaman aşımını ayarlama işlevini çağırdığında hata ayıklayıcı duraklatıldı.

Chromium sorunu: 1445175.

<audio> ve <video> için yeni medya rozeti

Artık Öğeler panelinde <audio> ve <video> öğeleri için yeni medya rozetini etkinleştirebilirsiniz. Rozeti tıkladığınızda Medya paneline yönlendirilirsiniz. Bu sayede bu öğelerde hata ayıklayabilirsiniz.

Ses ve video etiketleri için yeni medya rozeti etkinleştirildi.

Bu özellik, geliştirme aşamasındadır ve daha da iyileştirilecektir. Geliştirici Araçları ekibi, bu iyileştirmeyi başardığı için Junseo (Jeremy) Yoo'ya teşekkür etmek istiyor.

Chromium sorunu: 1448214.

Önceden yükleme, Tahmine dayalı yükleme olarak yeniden adlandırıldı

Önceki terimin aşırı kullanılmasını önlemek ve davranışı daha iyi yansıtmak için Uygulama > Önceden Yükleme, Tahmine dayalı yüklemeler olarak yeniden adlandırıldı. Tahmine dayalı yükleme, web sitenizin gezinilen sayfaların çoğunu önceden oluşturması ve önceden getirmesi için tanımlayabileceğiniz spekülasyon kurallarına dayanan neredeyse anında sayfa yüklemeye olanak tanır.

Önceden yüklemenin tahmine dayalı yüklemeye yeniden adlandırılmasından önce ve sonra.

Chromium sorunu: 1478888.

Lighthouse 11.2.0

Lighthouse paneli artık Lighthouse 11.2.0'ı çalıştırıyor. Değişikliklerin tam listesini inceleyin.

Bu güncellemede performans kategorisinin revizyonu yer alır. Performans analizleri artık performans metrikleri üzerindeki tahmini etkilerine göre puanlanıp önceliklendiriliyor. Ayrıca, performans puanı göstergesi, her bir metriğin puanı nasıl etkilediğiyle ilgili daha ayrıntılı bilgiler içerir.

Öncesi ve sonrası performans revizyonu.

Geliştirici Araçları'nda Lighthouse panelini kullanmayla ilgili temel bilgileri öğrenmek için Lighthouse: Web sitesi hızını optimize etme konusuna bakın.

Chromium sorunları: 772558.

Erişilebilirlikle ilgili iyileştirmeler

Bu sürüm aşağıdaki erişilebilirlik iyileştirmelerine sahiptir:

  • Ekran okuyucular artık Kaynaklar > Ayrılma noktaları altındaki onay kutularının durumunu (işaretlenmiş veya işaretlenmemiş) duyurur.
  • Artık Bunun gibi sorunları gizle açılır menüsüne klavyeden erişebilirsiniz.

Chromium sorunları: 1488645, 1484918.

Çeşitli öne çıkan anlar

Bu sürümdeki önemli düzeltmeler ve iyileştirmelerden bazıları şunlardır:

  • Performans: Kayıtta bazen eksik olan LCP göstergesi düzeltildi (1487136).
  • Tahmine dayalı yüklemeler: Ağ panelindeki açılır menüde (1471020) hedeflerin tam URL'leri düzeltildi.
  • Kapsam:
    • Güzel yazdırılmış kod için satır satır kapsam düzeltildi (1464974).
    • Kapsam bilgileri artık sayfa yeniden yüklendiğinde güncelleniyor (1494457).
  • Konsol:
    • Mesajlardaki kısmi metin seçimi düzeltildi (1487449).
    • Otomatik tamamlama açılır menüsünün titremesi sorunu düzeltildi (1487453).
    • Yığın yollarında ve URL'lerde, yığın izlemelerde (1473926) desteklenen parantezler.
  • Kaynaklar: TypeScript using anahtar kelimesinin söz dizimi vurgulaması destekleniyor (1490515).
  • Hızlı Aç menüsü artık gizli yöntemleri gösteriyor (1492957).
  • Uygulama > Arka plan hizmetleri: Üst işlem çubuğu artık yeniden boyutlandırma sırasında metni sarmalıyor (1487276).
  • Öğeler > Stiller:
    • Yuvalı öğeler için devralınan CSS değişkenlerinin çözünürlüğü düzeltildi (1492162).
    • Bir CSS özelliği devre dışı bırakılırken söz dizimi aralarını düzeltmek için yorumları artık çıkarılıyor (1101224).
  • Ağ: Öncelik sütununda artık ilk öncelik ile ilgili bilgileri içeren bir ipucu gösteriliyor (Büyük istek satırları işaretlendiğinde da aynısı gösterilir) (1495735).
  • Desteğin sonlandırılması:

Ö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   Diğer > 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.

Geliştirici Araçları'ndaki yenilikler

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

Chrome 127 sürümü

Chrome 126

Chrome 125 sürümü

Chrome 124 sürümü

Chrome 123

Chrome 122

Chrome 121

Chrome 120

Chrome 119 sürümü

Chrome 118 sürümü

Chrome 117 sürümü

Chrome 116

Chrome 115 sürümü

Chrome 114 sürümü

Chrome 113

Chrome 112

Chrome 111

Chrome 110

Chrome 109 sürümü

Chrome 108 sürümü

Chrome 107 sürümü

Chrome 106

Chrome 105 sürümü

Chrome 104 sürümü

Chrome 103 sürümü

Chrome 102 sürümü

Chrome 101

Chrome 100 sürümü

Chrome 99 sürümü

Chrome 98 sürümü

Chrome 97 sürümü

Chrome 96 sürümü

Chrome 95 sürümü

Chrome 94 sürümü

Chrome 93 sürümü

Chrome 92 sürümü

Chrome 91 sürümü

Chrome 90 sürümü

Chrome 89 sürümü

Chrome 88 sürümü

Chrome 87 sürümü

Chrome 86

Chrome 85 sürümü

Chrome 84

Chrome 83 sürümü

Chrome 82

Chrome 82 iptal edildi.

Chrome 81

Chrome 80 sürümü

Chrome 79 sürümü

Chrome 78 sürümü

Chrome 77

Chrome 76

Chrome 75 sürümü

Chrome 74 sürümü

Chrome 73

Chrome 72 sürümü

Chrome 71

Chrome 70

Chrome 68 sürümü

Chrome 67 sürümü

Chrome 66

Chrome 65 sürümü

Chrome 64 sürümü

Chrome 63 sürümü

Chrome 62 sürümü

Chrome 61 sürümü

Chrome 60 sürümü

Chrome 59 sürümü