Chrome 开发工具控制台 - 以编程方式选择框架

Posted 2023-03-07

【中文标题】Chrome 开发工具控制台 - 以编程方式选择框架

【英文标题】：Chrome Dev Tools console - select frame programmatically

【发布时间】：2015-08-27 14:51:24

【问题描述】：

使用 Chrome 开发工具控制台，我试图在页面的 iframe 中选择一个元素。有没有办法以编程方式执行此操作，而无需在框架下拉列表中选择框架以首先将控制台上下文设置为该框架？假设目标 iframe 是 frames[1]，并且该 iframe 内的元素的 id 为“some-elem”，以下似乎不起作用：

frames[1].document.getElementById('some-elem');

【参考方案1】：

我认为您需要contentDocument 而不是document（请参阅this related question）。

请注意，这仅在 iframe 和主文档位于同一域中时才有效。否则，您正在尝试跨站脚本，它将被浏览器阻止。

【讨论】：

就是这样！一个问题是frames[1] 不起作用。 frames[1] 不包含 contentDocument 属性。我需要使用常规查询选择器选择 iframe 元素（正如您在跨站点脚本示例中提到的那样）。

我很高兴听到你想通了 :)