无法访问属性或 iframe 内的 iframe #document puppeteer

Question

  const attr = await page.$$eval("body > iframe", el => el.map(x => x.getAttribute("style")));

  console.log(attr);

我试图在 #doument 下的第二个 iframe 中提取属性名称。

当我做一个复制选择器时，它给了我选择器body > iframe ，它不允许我提取 iframe 的属性。 我需要 name 属性，无论我使用什么选择器，它都不会让我得到它

[![单击此处查看图像][1]][1]

https://i.stack.imgur.com/Lf2FO.png

Answer 1

编辑（如果您没有 id，那么您可以使用名称获取它）将您的 iframe 放入这样的变量中：

var MyIframe = document.getElementsByName('iframe_id_here');

然后你像这样在 iframe 中获取东西，因为它会在一个数组中，因为 getelemetsByName 是复数：

MyIframe[0].getElementById('SomeID').style.SomeProperties = 'Some_Value';

应该这样工作。

Answer 2

我还建议使用 puppeteer 记录器扩展。 例如，您可以在 iFrame 内记录鼠标点击，然后它会为您生成一个脚本，您可以使用该脚本更好地了解如何访问框架的内容。 这在弹出窗口、iFrames 等方面帮助了我很多......

https://chrome.google.com/webstore/detail/puppeteer-recorder/djeegiggegleadkkbgopoonhjimgehda?hl=en

你有没有试过使用类似的东西

let frames = await page.frames()
const frame = frames.find(f => f.url().startsWith('https://www.urlofiframe.com'))

或者只是控制台记录帧变量并查看您可以从那里得到什么？