时间戳

首页 > 解决方案 > 使用 Puppeteer，如何从

javascript - 使用 Puppeteer，如何从

问题描述

我正在使用 CucumberJS 和 Puppeteer。我很难从<h1>标签中提取文本。

ember .hbs 代码是：

<div class="grid__cell" data-test-foobar4="true">
    <h1 class="ao-headline u-font--light" data-test-foobar3="true">{{pageTitle}}</h1>
</div>

data-因为 EmberJS 使用动态 id，所以我为我的选择器使用 HTML标签。

// Read page table title
async verifyTestTileForList() {
    const textContent = await this.page.evaluate(() => document.body.querySelector('[data-test-foobar3="true"]').textContent);
    console.log('Page title = ' + textContent);
}

当我运行它时，我得到：

错误：评估失败：TypeError：无法读取 null 的属性“textContent”

这对我来说没有意义。我查看 HTML，我看到：

<h1 data-test-foobar3="true" class="ao-headline u-font--light">Imports</h1>

我哪里错了？

标签： javascriptnode.jsgoogle-chrome-devtoolspuppeteer

解决方案

page.waitForSelector()该元素很可能是动态生成的，因此您应该在尝试抓取之前等待该元素textContent：

await page.waitForSelector('[data-test-foobar3="true"]');
const textContent = await page.evaluate(() => document.querySelector('[data-test-foobar3="true"]').textContent);
console.log('Page title = ' + textContent);

推荐阅读