rabbithole

深入了解广告单元中令人头疼的细节。 作为当今的网络内容发布者，您可能对广告网络又爱又恨。一方面，广告网络有助于支付账单；另一方面，它们令人质疑的编码能力、糟糕的安全性和可疑的商业行为又会让您面临各种问题。 我们的团队花了无数个小时剖析 DOM，试图找出有问题的广告。这项工作非常烦琐，尤其是当广告请求在不同网络之间反复转发，形成由嵌套 IFRAME 组成的极其复杂的 DOM 时。 rabbithole 旨在简化这一流程。它使用您提供的 CSS 选择器识别广告单元的顶层 DOM 元素，然后递归遍历这些元素，构建一个更简单的对象模型供您分析。 * 简化对 DOM 中广告相关部分的识别和解读 * 跳过不太重要的 DOM 元素，只跟踪选定属性，以“压缩”树结构 * 让站外对象易于识别 * 尝试识别像素跟踪器 * 尝试识别最有可能是广告素材本身的 DOM 元素 * 尝试跟踪“网络路径”，让您看到广告来源的完整广告链；此功能仍在开发中 * 计算统计数据，例如树中每个节点下加载的脚本和 iframe 数量 要让 rabbithole 在您的网站上运行，您需要提供一个 CSS 选择器，以选中广告单元的所有顶层 DOM 元素（且足够精确，*不会*选中非广告单元元素）。 例如，如果您查看 http://slashdot.org/ 上的广告标签，会发现它们的 ID 都类似于“div-gpt-ad-728x90_a”和“div-gpt-ad-300x250_a”。您可以使用如下选择器选中它们： [id*='div-gpt-ad'] 确定选择器后，请使用选项对话框配置 rabbithole。您可以从 Chrome 的扩展程序页面打开该对话框，也可以点击 rabbithole 弹出窗口中的齿轮图标。如果更改 CSS 选择器时已打开 rabbithole 窗口，则需要关闭并重新打开 rabbithole，才能重新扫描页面的 DOM。 源代码：https://github.com/jpriebe/rabbithole