Sayfa yüklemeyi analiz etmek ve ağ kaynaklarını incelemek için Ağ panelini kullanın.
Genel Bakış
Ağ paneliyle şunları yapabilirsiniz:
- Ağ etkinliğini kaydetme
- Ağ isteklerini inceleme
- Ağ isteklerini filtreleme ve sıralama
- Arama ağı başlıkları ve yanıtları
- Yükleme davranışını değiştirme
- Ağ isteklerini engelleme
- Ağ koşullarını değiştirme
- Spekülasyon kurallarında
prefetchhata ayıklama - HTTP yanıt üstbilgilerini geçersiz kılma
- Joker karakterlerle birden fazla URL için üstbilgileri 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 başlıklı makaleye göz atın.
Ağ panelini açın.
Ağ panelini açmak için Geliştirici Araçları'nı açın ve üstteki işlem çubuğunda bulunan Ağ'ı tıklayın.
Alternatif olarak, Komut menüsü'nden Ağ panelini açmak için aşağıdaki adımları uygulayın:
- Geliştirici Araçları'nı açın.
- Aşağıdaki tuşlara basarak Komut menüsü'nü açın:
- macOS: Command+üst karakter+P
- Windows, Linux, ChromeOS: Control+Shift+P
Networkyazmaya başlayın, Show Network panel'i (Ağ panelini göster) seçin ve Enter tuşuna basın.
Ağ etkinliğini kaydetme
Geliştirici Araçları'nı açtığınızda, Geliştirici Araçları açık olduğu sürece ağ istekleri Ağ panelinde otomatik olarak kaydedilir.
Kayda ek olarak şunları yapabilirsiniz:
- Ağ isteklerini kaydetmeyi durdurun.
- İstekler tablosundaki tüm istekleri temizleyin.
- Sayfa yüklemeleri arasında istekleri kaydetme.
- Çevrimdışı deneyimi taklit etme
- Daha 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österilen sütunlar ve ekleyebileceğiniz diğer sütunlar hakkında daha fazla bilgi edinmek için İsteklerin günlüğünü görüntüleme başlıklı makaleyi inceleyin.
İsteğin adını tıklayarak istekle ilgili ek bilgilerin yer aldığı sekmeleri (ör. aşağıdakiler) görebilirsiniz:
- Üstbilgiler: Seçilen kaynağın HTTP üstbilgileri.
- Yük: Bir isteğin sorgu dizesi parametreleri ve form verileri.
- Önizleme: HTML'nin temel oluşturma işlemi.
- Yanıt: Seçilen kaynağın HTML kaynak kodu.
- Başlatıcı: Bir kaynağın istenmesine neyin neden olduğu.
- Zamanlama: Seçilen kaynağın ağ etkinliğinin dökümü.
- Çerezler: Bir isteğin ve yanıtının çerezleri.
Ağ isteklerini filtreleme ve sıralama
Ağ paneli, İstekler tablosundaki istekleri sıralamak için iki yöntem sunar:
İstekler tablosundaki istekleri filtrelemenin çeşitli yolları vardır:
- İstekleri özelliklere 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ğı başlıkları ve yanıtları
Belirli bir dize veya normal ifade için tüm kaynakların HTTP üstbilgilerini ve yanıtlarını nasıl arayacağınızı öğrenmek için Ağ üstbilgilerini ve yanıtlarını arama başlıklı makaleyi inceleyin.
Yükleme davranışını değiştirme
Ağ panelinde yükleme davranışını değiştirerek sayfanızın kullanıcı deneyimini test edin.
Ağ panelini kullanarak şunları yapabilirsiniz:
- Tarayıcı önbelleğini devre dışı bırakarak ilk kez gelen bir ziyaretçiyi taklit etme
- Tarayıcı önbelleğini manuel olarak temizleme
- Tarayıcı çerezlerini manuel olarak temizleme
- Çevrimdışı modu taklit etme
- Yavaş ağ bağlantısını simüle etme
- HTTP yanıt üstbilgilerini geçersiz kılma
- Kullanıcı aracısını geçersiz kılma
Ağ isteği verilerini kaydetme ve dışa aktarma
Ağ isteği verilerini kaydetmek ve dışa aktarmak için aşağıdakilere bakın: