无法使用 puppeteer 从网页中获取名称

Question

我在node 和puppeteer 中创建了一个脚本，以获取在填写网页输入时填充的名称。以下是获取该名称的方法 - 打开该网页后，将 16803 放在 CP Number 旁边，然后点击 search 按钮。

我的以下脚本可以通过按搜索按钮成功填写输入并填充名称。我不能做的是获取结果的名称。我定义的选择器完美无缺。我想在不使用 return 的情况下即时获取名称。

到目前为止我已经尝试过：

const puppeteer = require("puppeteer");
const url = "https://www.icsi.in/student/Members/MemberSearch.aspx";

(async () => {
    const browser = await puppeteer.launch({headless:false});
    const [page] = await browser.pages();
    await page.goto(url, {waitUntil: 'networkidle2'});
    await page.type('input[name="dnn$ctr410$MemberSearch$txtCpNumber"]', '16803');
    await page.click('a#dnn_ctr410_MemberSearch_btnSearch');
    await page.waitFor('.name_head > span');
    await page.evaluate(async () => {
        const elem = document.querySelector('.name_head > span').innerText;
        console.log(elem);
    });
    await page.close();
})();

上面的脚本给了我一个空白的输出。

如何从该站点获取名称？

Answer 1

.evaluate 将在浏览器中运行脚本。您需要执行以下操作之一，

返回并在外面记录

大多数情况下，这是您的预期选择。您将需要获取名称并稍后使用它。您可以返回值或 JSHandle。

const elemText = await page.evaluate(async () => document.querySelector('.name_head > span').innerText);
console.log(elemText);

用dumpio启用console

当您启动浏览器时，使用dumpio: true 作为选项。它将浏览器进程 stdout 和 stderr 通过管道传输到 process.stdout 和 process.stderr。默认为 false。

puppeteer.launch({dumpio:true})

使用page.on('console') 启用console

page.on('console', msg => console.log('PAGE LOG:', msg.text()));

亲自观看浏览器控制台

使用headless: false 和devtools: true 启动浏览器，您可以自己查看日志。

puppeteer.launch({ headless: false, devtools: true })