hố thỏ trong Chrome với OffiDocs

MÔ TẢ

Là một nhà xuất bản trên web ngày nay, bạn có thể có mối quan hệ yêu-ghét với các mạng quảng cáo.

Một mặt, các mạng quảng cáo đó giúp thanh toán hóa đơn.

Nhưng mặt khác, khả năng mã hóa đáng ngờ, bảo mật kém và các hoạt động kinh doanh đáng ngờ của họ khiến bạn gặp đủ loại vấn đề.

Nhóm của chúng tôi đã dành vô số thời gian để phân tích DOM nhằm cố gắng theo dõi các quảng cáo vi phạm.

Đây là công việc tẻ nhạt, đặc biệt là khi lệnh gọi quảng cáo bị trả lại từ mạng này sang mạng khác, tạo ra một DOM cực kỳ phức tạp gồm các IFRAME lồng nhau.

Rabbithole được thiết kế để đơn giản hóa quá trình này.

Sử dụng bộ chọn CSS do bạn cung cấp, nó xác định các phần tử DOM cấp cao nhất cho đơn vị quảng cáo của bạn.

Sau đó, nó sẽ hạ thấp các phần tử đó theo cách đệ quy, xây dựng một mô hình đối tượng đơn giản hơn để bạn phân tích.

* đơn giản hóa việc xác định và giải thích phần liên quan đến quảng cáo của DOM * "nén" cây bằng cách bỏ qua các phần tử DOM trước đây không thực sự quan trọng và chỉ theo dõi các thuộc tính được chọn * làm cho các đối tượng bên ngoài trang web có thể dễ dàng nhận dạng * cố gắng xác định pixel trình theo dõi * cố gắng xác định các phần tử DOM có nhiều khả năng là chính quảng cáo nhất * cố gắng theo dõi "đường dẫn mạng" để bạn có thể thấy toàn bộ chuỗi quảng cáo nơi quảng cáo đến từ đó; đây là công việc đang tiến hành * tính toán số liệu thống kê như số lượng tập lệnh và iframe được tải bên dưới mỗi nút trong cây Để thỏ lỗ hoạt động với trang web của bạn, bạn cần cung cấp cho nó một bộ chọn CSS sẽ thu thập tất cả DOM cấp cao nhất các phần tử của đơn vị quảng cáo của bạn (và đủ cụ thể để *không* nắm bắt các phần tử không phải của đơn vị quảng cáo).

Ví dụ: nếu bạn xem các thẻ quảng cáo trên http://slashdot.

org/, bạn sẽ thấy rằng tất cả chúng đều có ID như "div-gpt-ad-728x90_a" và "div-gpt-ad-300x250_a".

Bạn có thể chụp tất cả chúng bằng bộ chọn như [id*='div-gpt-ad'] Sau khi bạn có bộ chọn, hãy sử dụng hộp thoại tùy chọn để định cấu hình lỗ thỏ.

Bạn có thể mở nó từ trang tiện ích mở rộng trong chrome hoặc bằng cách nhấp vào biểu tượng bánh răng trong cửa sổ bật lên hình thỏ.

Nếu bạn có một cửa sổ lỗ thỏ đang mở khi thay đổi bộ chọn CSS, thì bạn cần phải đóng lỗ thỏ và mở lại cửa sổ đó để quét lại DOM của trang.

Nguồn: https://github.

com/jpriebe/lỗ thỏ

Thông tin thêm:

- Được cung cấp bởi Jason Priebe
- Đánh giá trung bình : 5 sao (thích nó)

mạng lưới thỏ extension tích hợp với OffiDocs Chromium Trực tuyến