E2 · Fetch/XHR Filtresi: gürültüyü: Fetch/XHR filtresi, bir **radyo istasyonu ayar düğmesi** gibidir: eter (tüm ağ trafiği) yüzlerce frekansla (resim, CSS, font, reklam scripti,
Fetch/XHR filtresi, bir **radyo istasyonu ayar düğmesi** gibidir: eter (tüm ağ trafiği) yüzlerce frekansla (resim, CSS, font, reklam scripti, API request'i) doludur; filtre olmadan bir sayfa yüklemesi onlarca satır üretir ve aradığın TEK API request'ini bulmak saman yığınında iğne aramaya döner. Filtreyi "Fetch/XHR"a çevirdiğinde, sadece JavaScript'in kod içinden başlattığı request'ler (tam da API çağrıların) kalır — statik dosyalar (resim, font, stil) sessizleşir. Peki neden tarayıcı varsayılan olarak HER ŞEYİ göstersin ki, API testerının işini zorlaştırsın? Çünkü Network paneli SADECE testerlar için değildir — bir frontend geliştirici performans optimizasyonu yaparken TÜM kaynakları (resimler dahil) görmek ister; filtre, senin ROLÜNE göre gürültüyü SEN ayıklarsın. Java'da bunun karşılığı log seviyesi filtrelemedir: `DEBUG` seviyesinde HER ŞEY loglanır, ama sen sadece `ERROR` seviyesini görmek istersin — log4j/logback'te seviyeyi süzersin, DevTools'ta da request TÜRÜNÜ süzersin. QA açısından bu filtre olmadan çalışmak ciddi bir risktir: 50 satırlık bir sayfa yüklemesinde gerçek API request'ini KAÇIRMAK, bir defect'i hiç görmeden geçmek anlamına gelir.
Network panelinin üstündeki filtre çubuğunda `Fetch/XHR` seçeneğine tıklamak, listeyi sadece JavaScript kodunun (`fetch()`/`XMLHttpRequest`) başlattığı request'lere indirger. Bir metin araması (`bugs`) ile de daraltabilirsin. Bu ikisi birlikte, düzinelerce statik dosya arasından tam olarak aradığın API request'ine saniyeler içinde ulaştırır.
Filtresiz Liste → Fetch/XHR ile Daraltılmış Liste
🎬 50 Satır Arasında Kaybolan Tek API Request
Sayfa yüklenir: 50 satır
Testerin gözü ile arama
Tek satır: /api/v1/bugs
Sayfa yüklenir: resimler, fontlar, stiller, reklam scriptleri ve BİR API request'i — toplam 50 satır.
Filtre kullanmadan tester gözle satır satır arar — yavaş ve hataya açık.
Filtre çubuğunda "Fetch/XHR" seçilir — sadece JavaScript'in başlattığı request'ler kalır.
50 satır, tek bir satıra iner: `GET /api/v1/bugs`. Aranan defect artık gözden kaçamaz.
Ders — Filtre bir "süs" değildir; onsuz çalışmak, gerçek bir defect'i onlarca alakasız satır arasında kaçırma riskidir.