Sayfa yüklemesini analiz etmek ve ağ kaynaklarını incelemek için Ağ panelini kullanın.
Genel Bakış
Ağ paneli şunları yapmanıza olanak tanır:
- Ağ etkinliğini kaydetme
- Ağ isteklerini inceleme
- Ağ isteklerini filtreleme ve sıralama
- Arama ağı üstbilgileri ve yanıtları
- Yükleme davranışını değiştirme
- Ağ isteklerini engelleme
- Ağ koşullarını değiştirme
prefetchspekülasyon kurallarında hata ayıkla- HTTP yanıt başlıklarını geçersiz kılma
- Joker karakterli birden fazla URL'nin üstbilgilerini geçersiz kılın.
- Ağ isteği verilerini kaydetme ve dışa aktarma
En sık kullanılan Ağ paneli özelliklerinden bazılarını inceleyen rehberli bir eğitim için Ağ etkinliğini inceleme bölümüne göz atın.
Ağ panelini aç
Ağ panelini açmak için Geliştirici Araçları'nı açın, ardından üstteki işlem çubuğunda yer alan Ağ'ı tıklayın.
Alternatif olarak, Ağ panelini Komut menüsü aracılığıyla açmak için şu adımları uygulayın:
- Geliştirici Araçları'nı açın.
- Şu tuşlara basarak Komut menüsünü açın:
- macOS: Command+Üst Karakter+P
- Windows, Linux, ChromeOS: Control+Üst Karakter+P
Networkyazmaya başlayın, Ağ panelini göster'i seçin ve Enter tuşuna basın.
Ağ etkinliğini kaydet
Geliştirici Araçları'nı açtığınızda, Geliştirici Araçları açık olduğu sürece ağ istekleri Ağ paneline otomatik olarak kaydedilir.
Kaydetmeye ek olarak aşağıdakileri de yapabilirsiniz:
- Ağ isteklerini kaydetmeyi durdurma.
- İstekler tablosundan tüm istekleri temizleyin.
- İstekleri sayfa yüklemelerinde kaydedin.
- Çevrimdışı deneyim simüle edin.
- Yavaş ağ bağlantılarını simüle edin.
Ağ isteklerini inceleme
Tüm ağ istekleri, panelin ortasındaki İstekler tablosuna kaydedilir.
Varsayılan olarak görüntülenen sütunlar ve ekleyebileceğiniz diğer sütunlar hakkında daha fazla bilgi edinmek için İstek günlüğünü görüntüleme bölümüne bakın.
Bir istekle ilgili aşağıdakiler de dahil olmak üzere ek bilgilerin yer aldığı sekmeleri görmek için isteğin adını tıklayın:
- Üst bilgiler: Seçilen kaynağın HTTP üstbilgileri.
- Yük: Bir isteğin sorgu dizesi parametreleri ve form verileri.
- Önizleme: HTML'nin temel bir şekilde oluşturulması.
- Yanıt: Seçilen kaynağın HTML kaynak kodu.
- Başlatan: Bir kaynağın istenmesinin nedeni.
- Zamanlama: Seçilen kaynak için ağ etkinliğinin dökümü.
- Çerezler: Bir isteğin ve yanıtının çerezleridir.
Ağ isteklerini filtreleme ve sıralama
Ağ paneli, İstekler tablosundaki istekleri sıralamak için size iki yol sunar:
Aşağıda, İstekler tablosunda istekleri filtrelemenin çeşitli yolları açıklanmıştır:
- İstekleri mülklere göre filtreleme
- İstekleri türe göre filtreleme
- İstekleri zamana göre filtreleme
- Veri URL'lerini gizleme
- Uzantı URL'lerini gizleme
- Yalnızca engellenen yanıt çerezlerine sahip istekleri göster
- Yalnızca engellenen istekleri göster
- Yalnızca üçüncü taraf isteklerini göster
Arama ağı üstbilgileri ve yanıtları
Belirli bir dize veya normal ifade için tüm kaynakların HTTP üstbilgilerinde ve yanıtlarında nasıl arama yapacağınızı öğrenmek üzere Arama ağı üstbilgileri ve yanıtları başlıklı makaleyi inceleyin.
Yükleme davranışını değiştir
Ağ panelinde yükleme davranışını değiştirerek sayfanızın kullanıcı deneyimini test edin.
Ağ panelini kullanarak aşağıdakileri yapabilirsiniz:
- Tarayıcı önbelleğini devre dışı bırakarak ilk kez gelen ziyaretçi simüle etme
- Tarayıcı önbelleğini manuel olarak temizleme
- Tarayıcı çerezlerini manuel olarak temizleme
- Çevrimdışı emüle
- Yavaş ağ bağlantısı simülasyonu
- HTTP yanıt başlıklarını geçersiz kılma
- Kullanıcı aracısını geçersiz kılma
Ağ isteği verilerini kaydedin ve dışa aktarın
Ağ isteği verilerini kaydetmek ve dışa aktarmak için aşağıdakilere bakın: