Chrome Geliştirici Araçları'ndaki Sorunlar paneli, Konsol'un bildirim yorgunluğunu ve dağınıklığını azaltır. Çerez sorunları ve karma içerik gibi tarayıcı tarafından algılanan sorunların çözümlerini bulmak için bu aracı kullanın.
Sorunlar paneli artık şunları desteklemektedir:
- Çerez sorunları
- Karma içerik
- COEP sorunları
- CORS hataları
- Quirks moduyla 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 gelecek sürümleri daha fazla sorun türünü destekleyecektir.
Sorunlar panelini açma
- Düzeltilmesi gereken sorunların olduğu bir sayfayı (ör. samesite-sandbox.glitch.me) ziyaret edin.
- Geliştirici Araçları'nı açın.
En üstteki işlem çubuğunun sağ köşesinde yer alan Ayarlar'ın yanında bulunan 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'ı seçin.
Sorunlar paneline geldiğinizde daha fazla sorunu (bu sefer sayfa yükleme sırasında meydana gelen) tespit etmek için sayfayı yeniden yükleyebilirsiniz.
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 yer alan çerez uyarısı gibi) anlaşılmasının güç olduğunu fark edeceksiniz. Bunu düzeltmek için ne yapmanız gerektiği açık değil.
Diğer yandan, Sorunlar paneli, işlem yapabileceğiniz analizler sunar.
Sorunlar panelindeki öğeleri görüntüleme
Sorunlar paneli, tarayıcıdan gelen uyarıları yapılandırılmış, toplu ve işlem yapılabilir bir şekilde sunar.
Sorunu genişletmek, sorunu düzeltmek ve etkilenen kaynakları bulmak için yardım almak üzere Sorunlar panelinde 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 hakkında bilgi veren bir açıklama.
- Ağ, Kaynaklar, Öğeler gibi uygun Geliştirici Araçları bağlamında kaynaklara bağlantı veren ETKİLENEN KAYNAKLAR bölümü.
- Daha fazla yardım için bağlantılar.
Sorunları bağlam içinde görüntülemek için ETKİLENEN KAYNAKLAR bölümündeki öğeleri tıklayın.
Sorunları türe göre gruplandırma
Sorunlar paneli, her sorun için etkilenen kaynak sayısını sayar ve başlıkların yanında gösterir. Ayrıca, sorunları üç grup türünde önem derecelerine göre düzenleyebilirsiniz:
- Chrome'un bildirdiği Sayfa Hataları.
- Kullanımdan kaldı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 etme
Sorunlar paneli, varsayılan olarak üçüncü taraf çerez sorunlarını gösterir.
Üçü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 çerezi sorunlarını dahil et seçeneğinin işaretini kaldırın.
Sorunları gizle
Bir sorunu gizlemek için sorunun yanındaki üç noktalı menüsünden Buna benzer sorunları gizle'yi seçin.
Gizlenen sorunların listesini görmek için Gizli sorunlar bölümüne gidip genişletin.
Tüm sorunları göstermek için Tümünü göster'i tıklayın. Belirli bir sorunu açığa çıkarmak için sorunun yanındaki üç noktalı menüsünden Bunun gibi sorunları göster'i seçin.
Ayrıca, gruplandırma etkinleştirildiğinde, 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:
ETKİLENEN KAYNAKLAR 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. Bu örnekte, söz konusu isteğe ekli çerezleri göstermek için
samesite-sandbox.glitch.me
öğesini tıklayın. Bağlantı sizi Ağ paneline yönlendirir.Sorunlu öğeyi (bu örnekte,
ck02
çerezi) görüntülemek için kaydırın. Sorunu ve nasıl çözüleceğini görmek için fareyle sağdaki bilgi simgesinin üzerine gelin.