Sorunlar: Sorunları bulma ve düzeltme

Sam Dutton

Sofia Emelianova

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

Not: Sorunlar paneline yeni sorun türleri için destek eklenmeye devam etmektedir.

Genel Bakış

Sorunlar paneli, sık karşılaşılan sorunları toplayıp gruplandırarak Console'daki bildirim yoğunluğu ve dağınıklığı azaltır.

Şu anda Sorunlar paneli şu bilgileri raporlar:

• Çerez sorunları
• Karma içerik
• COEP sorunları
• CORS hataları
• Quirks modu sorunları
• (Önizleme) Düşük kontrast sorunları
• Güvenilir Web Etkinliği sorunları
• Stil sayfası yükleme sorunları
• Geçersiz @property CSS kuralları
• İç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çma

1. Düzeltilmesi gereken sorunların bulunduğu bir sayfayı (ör. samesite-sandbox.glitch.me) ziyaret edin.
2. DevTools'u açın.

3. Ü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 olabilir.

   

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

   

4. Sorunlar paneline geldiğinizde, bu kez sayfa yükleme sırasında daha fazla sorun yakalamak için sayfayı yeniden yükleyebilirsiniz.

   

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

Öte yandan Sorunlar paneli, harekete geçirici analizler sunar.

Sorunlar panelinde öğeleri görüntüleme

Sorunlar paneli, tarayıcıdan gelen uyarıları yapılandırılmış, birleştirilmiş ve uygulanabilir bir şekilde sunar.

1. Sorunu genişletmek, nasıl düzeltileceği ve etkilenen kaynakları bulma konusunda yol gösterici bilgiler almak için Sorunlar panelindeki bir öğeyi tıklayın.

   

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

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

2. Sorunları bağlam içinde görüntülemek için ETKİLENEN ÖĞELER'deki öğeleri tıklayın.

Sorunları türe göre gruplandırma

Not: Bu, varsayılan olarak devre dışı olan bir önizleme özelliğidir. Bu özelliği etkinleştirmek için Ayarlar > Deneysel çalışmalar > Sorunların sorun türüne göre gruplandırılmasına ve gizlenmesine izin ver'i işaretleyin.

Sorunlar paneli, her sorun için etkilenen kaynakların sayısını sayar ve bu sayıyı başlıklarının yanında gösterir. Ayrıca sorunları önem derecelerine göre üç grup türüne göre düzenleyebilirsiniz:

• Chrome'un bildirdiği sayfa hataları.
• Kullanımdan kaldırma gibi önemli 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 etme

Sorunlar panelinde varsayılan olarak üçüncü taraf çerezleriyle ilgili sorunlar gösterilir.

Üçüncü taraf çerez sorunlarını, bağlantısı eksik olan ETKİLENEN 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 çerez sorunlarını dahil et seçeneğini temizleyin.

Sorunları gizleme

Bir sorunu gizlemek için sorunun yanındaki üç noktalı menüden Buna benzer sorunları gizle'yi seçin.

Gizli sorunların listesini görmek için sayfayı aşağı kaydırıp Gizli sorunlar bölümünü genişletin.

Tüm sorunları göstermek için Tümünü göster'i tıklayın. Belirli bir sorunu göstermek için sorunun yanındaki üç nokta menüsünden Bunun gibi sorunları gizle'yi seçin.

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

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

Bir sorunu incelemek için:

1. ETKİLENEN KAYNAKLAR bölümünde, öğeyi DevTools'da uygun bağlamda görüntülemek için bir kaynak bağlantısını tıklayın. Bu örnekte, söz konusu 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 görüntülemek için sayfayı kaydırın. Bu örnekte, ck02 çerezi sorunlu öğedir. Sorunun ne olduğunu ve nasıl düzeltileceğini görmek için fareyle sağdaki bilgi simgesinin üzerine gelin.