Görünür Metin Anahtar Kelime Algılaması Gizli Verileri Neden Kaçırır ve Nasıl Düzeltilir

Anahtar kelime izlemeyi ayarladınız, DevTools'u açtığınızda kelimenin sayfanın HTML'inde durduğunu kelimenin tam anlamıyla görebiliyorsunuz — ancak uyarı hiç tetiklenmiyor. Hiçbir şey bozuk değil. Standart anahtar kelime algılama, bir sayfanın görünür metnini okur: bir insanın ekranda gerçekten okuyabildiği kelimeleri. İzlediğiniz değer gizli bir öğede, bir data- özniteliğinde veya satır içi bir betikte bulunuyorsa, bu gerçek bir veridir ancak görünür metin değildir, bu nedenle sıradan algılama doğrudan yanından geçer.

Çözüm tek bir onay kutusudur. Extfy tarafından geliştirilen Auto Refresh uzantısının Detect Keyword sekmesinde Find monitor text in source seçeneğini etkinleştirin ve anahtar kelime araması, oluşturulan metinden tam HTML kaynağına geçer — gizli öğeler, öznitelikler ve betikler dahil.

Otomatik Yenileme

İngilizce 

Çalışıyor 

Zaman Aralığı

Yenileme Listesi

Anahtar Kelime Algılama

Etiketlerinizi girin

in_stock ✕

Anahtar Kelime için Bildirim ve Vurgulama Ayarları

 Kullanıcıyı bilgilendir 

Anahtar kelime bulunduğunda veya seçici tıklandığında

Anahtar kelime bulunmadığında veya hiçbir seçici eşleşmediğinde

 Anahtar kelime bulunduğunda/bulunmadığında ses çal 

 Kaynakta izleme metnini bul 

Kaydet

Gizli verilerin aslında bulunduğu yerler

Modern sayfalar, işaretlemelerinde ekranda gösterdiklerinden çok daha fazla bilgi taşır. Önem verdiğiniz anahtar kelime genellikle şu yerlerden birinde bulunur:

• Gizli öğeler — bir betiğin ortaya çıkarmasını bekleyen display:none veya visibility:hidden ile sarılmış bir durum mesajı.
• data- öznitelikleri — arayüzü yönlendiren ancak hiçbir zaman metin olarak oluşturulmayan data-availability="in_stock" veya data-status="approved" gibi değerler.
• Satır içi betikler ve JSON — sayfanın bir <script> bloğunda gönderdiği ve yalnızca daha sonra JavaScript ile oluşturduğu durum nesneleri.
• title, alt ve aria-label gibi öznitelikler — makineler ve ekran okuyucular tarafından okunabilir, ancak metin eşleştirme tarafından görünmez.
• HTML yorumları ve şablon blokları — geliştiricilerin geride bıraktığı ve hâlâ sayfanın gerçek durumunu yansıtan işaretlemeler.

Normal anahtar kelime algılama neden bunların hiçbirini göremez

Görünür metin algılama, sezginize uyacak şekilde tasarlanmıştır: tarayıcı her şeyi oluşturduktan sonra sayfayı bir insanın yaptığı gibi okur ve yalnızca ekranda gerçekten görünen kelimeleri dikkate alır. Bu, onu hızlı tutar ve sonuçları temiz tutar — bir eşleşme, bir insanın da kelimeyi görebileceği anlamına gelir. Bu tasarımın bedeli bir kör noktadır. Yalnızca işaretlemede bulunan hiçbir şey, tanım gereği görünür metin değildir, bu nedenle algılayıcı ona hiç bakmaz bile. Sayfa, anahtar kelimeniz olarak yazdığınız tam dizeyle dolu olabilir ve algılama dürüstçe “bulunamadı” sonucunu verir, çünkü oluşturulan görünümde gerçekten orada değildir.

Çözüm: Kaynakta izleme metnini bul özelliğini açın

1. İzlediğiniz sayfada Auto Refresh uzantısını açın ve Detect Keyword sekmesine geçin.
2. Kaynakta göründüğü şekliyle anahtar kelimeyi tam olarak girin — örneğin sayfanın daha sonra gösterebileceği “Stokta” etiketi yerine in_stock.
3. Find monitor text in source seçeneğini işaretleyin.
4. Kaydet'e tıklayın. Sonraki yenilemeden itibaren her kontrol, yalnızca görünür metin yerine gizli öğeler ve betikler dahil olmak üzere tam HTML kaynağını tarar.

Görünür metin ve kaynak algılama karşılaştırması

• Okuduğu şey: görünür metin modu bir kişinin gördüğü oluşturulmuş sayfayı okur; kaynak modu sunucunun gönderdiği ham HTML'yi — her etiketi, özniteliği, yorumu ve satır içi betiği — okur.
• Hız: görünür metin modu daha hafiftir; tüm kaynağı taramak her yenilemede daha fazla işlem yapar, bu nedenle kontrollerin biraz daha ağır olmasını bekleyin.
• Yanlış pozitifler: görünür metin modu nadiren yanlış tetiklenir; kaynak modu, ekranda görünenle ilgisi olmayan arka plan işaretlemesindeki bir anahtar kelimeyle eşleşebilir.
• En uygun kullanım: günlük izleme için görünür metin modu; sayfanın depoladığı ancak göstermediği değerleri izleyen geliştiriciler ve ileri düzey kullanıcılar için kaynak modu.

Gerçek bir örnek: Sayfa göstermeden önce değişikliği yakalamak

Alışveriş yapanlara “Stokta yok” gösteren ancak işaretlemesinde zaten data-availability="in_stock" taşıyan bir ürün sayfası düşünün — veri güncellenmiştir, yalnızca arayüz henüz yetişememiştir. Görünür metin algılama eski “Stokta yok” etiketini eşleştirmeye devam eder. Find monitor text in source etkinleştirildiğinde ve anahtar kelime in_stock olarak ayarlandığında, Auto Refresh değişikliği HTML'e geldiği anda fark eder; çoğu zaman görünür sayfa güncellenmeden hemen önce. Aynı yöntem gizli hata bayrakları, yönetim araçlarındaki onay durumları ve bir sayfanın JavaScript ile geç oluşturduğu herhangi bir değer için de çalışır.

Kaynak eşleştirmeyi doğru tutun

• Spesifik olun.Short, yaygın kelimeler bir sayfanın işaretlemesinde yanlışlıkla her yerde görünebilir; in_stock veya status-approved gibi ayırt edici bir dize, stock gibi bir dizeden çok daha güvenlidir.
• Sahte eşleşmelere dikkat edin. Görünür olarak hiçbir şey değişmediğinde uyarılar tetikleniyorsa, anahtar kelimeniz arka plan işaretlemesiyle eşleşiyor demektir — anahtar kelimeyi daraltın veya bu kuralı tekrar görünür metin moduna geçirin.
• Bunu her yerde değil, kural başına etkinleştirin. Standart algılama bir sayfada ihtiyacınız olan şeyi zaten yakalıyorsa, daha hızlı ve daha temiz kontroller için bu seçeneği o sayfada kapalı bırakın.

Görünür metin algılama doğru varsayılandır — ta ki izlediğiniz şey aslında hiç oluşturulmayana kadar. Anahtar kelime gizli bir öğede, bir öznitelikte veya bir betikte bulunuyorsa, Detect Keyword sekmesi ve Auto Refresh üzerinde Find monitor text in source özelliğini açın; böylece Auto Refresh sayfayı DevTools'un yaptığı gibi okur ve normal algılamanın sessizce kaçırdığı verileri yakalar.