Sorunlar: Sorunları bulma ve düzeltme

Sam Dutton

Sofia Emelianova

Tarayıcı tarafından algılanan, çerez sorunları ve karışık sorunlar gibi sorunların çözümlerini bulmak için Sorunlar panelini kullanın. içerik.

Genel Bakış

Sorunlar paneli, sık karşılaşılan sorunları toplayıp gruplandırarak Konsol'da bildirimlerin kullanım kolaylığını ve karmaşıklığını azaltır.

Sorunlar panelinde şu an itibarıyla:

• Çerez sorunları
• Karma içerik
• COEP sorunları
• CORS hataları
• Quirks modu ile ilgili sorunlar
• (Önizleme) Düşük kontrast sorunları
• Güvenilir Web Etkinliği sorunları
• Stil sayfası yükleme sorunları
• Geçersiz @property CSS kuralı
• İçerik Güvenliği Politikası ihlalleri
• Otomatik tamamlama özelliğiyle ilgili sorunlar

Chrome'un gelecekteki sürümleri daha fazla sorun türünü destekleyecektir.

Sorunlar panelini aç

1. Düzeltilecek sorunların bulunduğu samesite-sandbox.glitch.me gibi bir sayfayı ziyaret edin.
2. Geliştirici Araçları'nı açın.

3. En üstteki işlem çubuğunun sağ köşesindeki Ayarlar'ın yanındaki Sorunları Aç düğmesini tıklayın. Sorunun önem derecesine bağlı olarak düğmede kırmızı , sarı veya mavi simgesi gösterilebilir.

   

   Alternatif olarak Diğer araçlar menüsünden Sorunlar'ı seçin.

   

4. Sorunlar paneline geldiğinizde, daha fazla sorunu (bu sefer sayfa yükleme sırasında) yakalamak için sayfayı yeniden yüklemek isteyebilirsiniz.

   

Konsol, tarayıcı tarafından bildirilen sorunları da gösterebilir. Ancak bu tür sorunların (aşağıdaki ekran görüntüsünde bulunan çerez uyarısı gibi) anlaşılmasının zor olduğunu fark edeceksiniz. Bu sorunu düzeltmek için ne yapmanız gerektiği açık değil.

Diğer yandan, Sorunlar paneli, harekete geçirici analizler sunar.

Sorunlar panelinde öğeleri göster

Sorunlar paneli, tarayıcıdan gelen uyarıları yapılandırılmış, toplu ve işlem yapılabilir bir şekilde sunar. sağlar.

1. Sorunlar panelinde bir öğeyi tıklayarak sorunu genişletin, sorunu nasıl düzelteceğiniz ve etkilenen kaynakları nasıl bulacağınız konusunda yol gösterici bilgiler alın.

   

   Her öğenin dört bileşeni vardır:

   • Sorunu açıklayan bir başlık.
   • Bağlamı ve çözümü sağlayan açıklama.
   • Uygun Geliştirici Araçları'ndaki kaynaklara bağlantı veren ETKİLEŞİM KAYNAKLARI bölümü (ör. Ağ, Kaynaklar, Öğeler) ve diğer paneller.
   • Daha fazla bilgi için bağlantılar.

2. Sorunları bağlam içinde görüntülemek için ETKİLİ KAYNAKLAR'daki öğeleri tıklayın.

Sorunları türe göre gruplandır

Sorunlar paneli, her sorundan etkilenen kaynakların sayısını hesaplar ve başlıkların yanında gösterir. Ayrıca, sorunları önem derecelerine göre üç grup türünde düzenleyebilirsiniz:

• Chrome'un bildirdiği sayfa hataları.
• Desteği sonlandırma gibi Zarar Veren Değişiklikler
• Geliştirici Araçları'nın önerdiği iyileştirmeler.

Sorunları gruplandırmak için Sorunlar panelinin üst kısmındaki işlem çubuğunda Türe göre gruplandır'ı işaretleyin.

Üçüncü taraf sorunlarını dahil et

Sorunlar paneli, varsayılan olarak üçüncü taraf çerezleriyle ilgili sorunları gösterir.

Üçüncü taraf çerez sorunlarını, bağlantısı eksik olan ETKİLİ KAYNAKLAR bölümünde bulabilirsiniz.

Bu tür sorunları gizlemek için Sorunlar panelinin üst kısmındaki işlem çubuğunda Üçüncü taraf çerezleriyle ilgili sorunları dahil et seçeneğinin işaretini kaldırın.

Sorunları gizle

Bir sorunu gizlemek için sorunun yanındaki üç nokta menü simgesinden Bunun gibi sorunları gizle'yi seçin.

Gizli sorunların listesini görmek için Gizli sorunlar bölümüne gidin ve bölümü genişletin.

Tüm sorunları görmek için Tümünü göster'i tıklayın. Belirli bir sorunu tespit etmek için sorunun yanındaki üç nokta menü simgesinden Bunun gibi sorunları göster'i seçin.

Ayrıca, gruplandırma etkinken, bir grubun yanındaki üç nokta menü simgesini kullanarak sorun gruplarının tamamını gizleyebilirsiniz.

Sorunları bağlam içinde görüntüleyin

Bir sorunu incelemek için:

1. ETKİLEŞİM KAYNAKLARI bölümünde, öğeyi Geliştirici Araçları'nda uygun bağlamda görüntülemek için bir kaynak bağlantısını tıklayın. Burada örnek olarak, bu isteğe ekli çerezleri göstermek için samesite-sandbox.glitch.me simgesini tıklayın. Bağlantı sizi Ağ paneline yönlendirir.

   

2. Sorunlu öğeyi (bu örnekte çerez ck02) görüntülemek için kaydırın. Fareyle bilgi simgesine dokunarak sorunu ve nasıl düzeltileceğini görebilirsiniz.