查询标记为“广告”的 iframe

Question

当我查看某些页面的源代码时，我看到一个标签“此框架被识别为广告框架”。 有没有办法查询这些 iframe？我怎样才能像 DOM 树上的 iframe 一样进行查询？或者如何检测广告框？你可以看下图我的意思，就是图中红圈出来的地方。

PS：我使用 Chrome，为了能够看到广告，我禁用了 AdBlocker，并使用了隐身模式。

Answer 1

TL；博士： DevTools 检查是否

• iframe 位于 DOM 树的末尾（或者至少应该是）
• 由广告脚本注入
• 来自查看页面之外的另一个域（最重要）

然后将其分类为“广告”iframe，然后将

ad

指示符附加到 DOM 元素。

---

如果您有兴趣：

Chromium 浏览器（如 Chrome 和 Edge）可以检测 DOM 中的哪个

<iframe>

元素是广告框架。

由 DevTools 内部 SDK 检测到。

如您所见，这些 iframe 具有由 DevTools 添加的

ad

指示器。

请注意，这些 iframe 会在

</body>

结束标记之后、

</html>

结束标记之前注入到页面中。这是注入广告框架的标准，它们应该是 DOM 树中的最后一个元素。

DevTools 中有几个指示器（称为 Adorners）。
您在 DOM 树中可能注意到的最常见的装饰器是用于 CSS

flexbox

容器的 flex 和用于 CSS

grid

容器的 grid。

如果您有兴趣，这些指标在 DevTools AdornerManager 中定义：

devtools-前端 ront_end\panels 元素