Javascript 未找到用于 Select 器的元素：in( puppeteer 师错误)

发布于01月24日

这是我给出的代码:

const puppeteer=require('puppeteer');
var username="123";
var password="222";

(async()=>{
    const browser=await puppeteer.launch({headless:false});

    const page=await browser.newPage();
    await page.goto('https://kds-net.obic7.obicnet.ne.jp/ZADMbl/MainFrame.aspx', { waitUntil: 'networkidle0' });
    await   page.type('#txtKyoushuuseiNO',username);
    await   page.type('#txtPassword',password);
    await   page.waitForNavigation();
})();

我在代码中显示的位置出现错误.我判断了位置，位置似乎是正确的.我会错在哪里呢？？

错误在此: 错误:找不到 Select 器的元素:#txtKyouShuuseino

推荐答案

您的元素位于IFRAME中，需要 Select 它，然后在中进行查询:

const puppeteer = require("puppeteer"); // ^21.6.0

const url = "<Your URL>";

let browser;
(async () => {
  browser = await puppeteer.launch({headless: "new"});
  const [page] = await browser.pages();
  await page.goto(url, {waitUntil: "domcontentloaded"});
  const f = await page.waitForSelector("#frameMenu");
  const frame = await f.contentFrame();
  await frame.type("#txtKyoushuuseiNO", "123");
  await frame.type("#txtPassword", "222");
  await page.screenshot({path: "test.png"});
})()
  .catch(err => console.error(err))
  .finally(() => browser?.close());

备注:

在输出屏幕截图中，您将看到用户名前面有'0000'.当输入字段模糊时，这是由研究中心自动添加的.如果您输入的用户名足够长，它将不会被添加.第123章只是一个幌子
Prefer 'domcontentloaded' to 'networkidle0'.
Generally avoid page.waitForNavigation();，除了当你点击触发导航的东西(并确保在点击之前设置导航监听器).

_{披露:我是上面链接的博客文章的作者.}