Ağ istekleri: Ağ isteklerini engelleyerek sitenizi test etme

Dale St. Marthe

Resim veya stil sayfaları gibi belirli kaynakların yüklenmesi engellendiğinde sayfanızı nasıl davrandığını test etmek için Ağ isteği engelleme panelini kullanın.

Genel Bakış

Ağ isteği engelleme paneli, birden fazla kaynağı veya "kalıbı" aynı anda engellemenize ve bir listeden bunları etkinleştirmenize/devre dışı bırakmanıza olanak tanır. Ağ isteği alanlarını veya URL'lerini Ağ panelinden de engelleyebilirsiniz. İlgili kalıplar Ağ isteği engelleme panelinde görünür.

Ağ isteği engelleme paneli şunları yapmanıza olanak tanır:

• Desen ekleyin veya kaldırın.
• Desenleri düzenleyin.
• Tüm kalıpları kaldırın.
• Ağ isteği engellemeyi etkinleştirin veya devre dışı bırakın. Etkinleştirildikten sonra, tek bir desen için engellemeyi açabilir veya kapatabilirsiniz.

DevTools kapatıldığında ağ isteği engelleme devre dışı bırakılır. Paneli açıp engellemeyi tekrar etkinleştirmeniz gerekir. Ancak Geliştirici Araçları, tarayıcıyı kapattıktan sonra bile kalıpları kaydeder.

Ağ isteği engelleme panelini açma

Ağ isteği engelleme panelini açmak için:

1. DevTools'u açın.
2. Aşağıdaki tuşlara basarak Komut menüsünü açın:
   • macOS: Command+Shift+P
   • Windows, Linux, ChromeOS: Denetleyici+Üst Karakter+P
3. Network request blocking yazmaya başlayın, Ağ isteği engelleme aracını göster'i seçin ve Enter tuşuna basın. DevTools, DevTools pencerenizin alt kısmında Ağ isteğini engelleme panelini gösterir.

Alternatif olarak, sağ üst köşede more_vert Diğer seçenekler > Diğer araçlar > Ağ isteği engelleme'yi seçin.

Ağ isteğini engelleme

Ağ isteklerini engellemenin iki yolu vardır. Ad:

1. Ağ isteği engelleme panelinde ekle Kalıp ekle'yi tıklayın. "Eşleşen istekleri engellemek için metin şablonu" girmenizi isteyen bir giriş kutusu görünür.

   Aşağıdakilerden birini girebilirsiniz:

   • Tam URL.
   • Joker karakter kalıbı eşleştirme için yıldız işareti ("*") içeren kısmi bir URL.
   • Bir alan adı. Bu işlem, bu alanı içeren tüm istekleri engeller.

2. Ekle'yi tıklayın ve Ağ isteği engellemeyi etkinleştir onay kutusunun işaretli olduğundan emin olun.

3. Sayfayı tekrar yükleyin. Ağ isteği engelleme panelinde, kalıbın yanında engellenen isteklerin sayısı gösterilir.

İkinci olarak, DevTools'daki Ağ panelinden ağ isteklerini engelleyebilirsiniz.

1. Ağ panelinde, Ad bölümünün altında bir isteği sağ tıklayın ve İstek URL'sini engelle veya İstek alanını engelle'yi seçin.
2. Ağ isteği engelleme paneli otomatik olarak açılır ve ilgili kalıbı engellenmiş olarak listeler.
3. Ağ istek engellemeyi etkinleştir onay kutusunun işaretli olduğundan emin olun.
4. İlgili kalıbın yanındaki engellenen isteklerin sayısını görmek için sayfayı yeniden yükleyin.

Engellenen isteklerin sayısı, daha fazla istek gönderildikçe güncellenebilir. Sayfa yenilendiğinde sayılar sıfırlanır.

Ağ isteği engelleme kalıbını kaldırma

Belirli bir ağ isteği engelleme kalıbını listeden kaldırmak için:

• Ağ isteği engelleme panelinde fareyle bir kalıbın üzerine gelin.
• Sil Sil düğmesini tıklayın.

Tüm ağ isteği engelleme kalıplarını kaldırmak için etkinlik çubuğunda engelle Tüm ağ engelleme kalıplarını kaldır düğmesini tıklayın.

Ağ engelleme isteği kalıbını değiştirme

Bir kalıbı değiştirmek için Ağ isteği engelleme panelinde, kalıbın yanındaki düzenle Düzenle düğmesini tıklayın, kalıbı düzenleyin ve Kaydet'i tıklayın.

Ağ isteği engellemeyi açma/kapatma

check_box Ağ isteği engellemeyi etkinleştir onay kutusu, ağ isteği engellemeyi tüm kalıplar için tek seferde etkinleştirmenize ve devre dışı bırakmanıza olanak tanır.