groapă de iepure în Chrome cu OffiDocs

DESCRIERE

În calitate de editor de pe web astăzi, este posibil să aveți o relație de dragoste-ura cu rețelele publicitare.

Pe de o parte, acele rețele publicitare ajută la plata facturilor.

Dar, pe de altă parte, abilitățile lor de codare îndoielnice, securitatea slabă și practicile de afaceri dubioase vă expun la tot felul de probleme.

Echipa noastră a petrecut nenumărate ore disecând DOM pentru a încerca să găsească reclamele ofensatoare.

Aceasta este o muncă obositoare, mai ales când un apel publicitar este transmis de la o rețea la alta, creând un DOM extrem de complex de IFRAME imbricate.

rabbithole este conceput pentru a eficientiza acest proces.

Folosind un selector CSS oferit de dvs., acesta identifică elementele DOM de nivel superior pentru unitățile dvs. de anunțuri.

Apoi coboară recursiv acele elemente, construind un model de obiect mai simplu pe care să îl analizați.

* simplifică identificarea și interpretarea porțiunii legate de reclame din DOM * „comprimă” arborele sărind peste elementele DOM care nu sunt cu adevărat importante și urmărind doar proprietățile selectate * face obiectele din afara site-ului ușor identificabile * încearcă să identifice pixelul trackers * încearcă să identifice elementele DOM care sunt cel mai probabil reclamele publicitare în sine * încearcă să țină evidența unei „cale de rețea”, astfel încât să puteți vedea întregul lanț publicitar de unde provin anunțurile; aceasta este o lucrare în desfășurare * calculează statistici precum numărul de scripturi și cadre iframe încărcate sub fiecare nod din arbore Pentru ca rabbithole să funcționeze cu site-ul dvs., trebuie să îi oferiți un selector CSS care va captura toate DOM-ul de nivel superior elemente ale unităților dvs. de anunțuri (și este suficient de specific pentru a *nu* să capteze elemente non-unități de anunțuri).

De exemplu, dacă vă uitați la etichetele publicitare de pe http://slashdot.

org/, veți vedea că toate au ID-uri precum „div-gpt-ad-728x90_a” și „div-gpt-ad-300x250_a”.

Le puteți captura pe toate cu un selector precum [id*='div-gpt-ad'] După ce aveți selectorul, utilizați dialogul de opțiuni pentru a configura rabbithole.

Îl puteți deschide fie din pagina de extensii în Chrome, fie făcând clic pe pictograma roată din fereastra pop-up Rabbithole.

Dacă aveți o fereastră rabbithole deschisă atunci când schimbați selectorul CSS, va trebui să închideți rabbithole și să o redeschideți pentru a o rescana DOM-ul paginii.

Sursa: https://github.

com/jpriebe/rabbithole

Informații suplimentare:

- Oferit de Jason Priebe
- Evaluare medie: 5 stele (mi-a placut)

pânză de iepure extension integrat cu OffiDocs Chromium on-line