无法单击网页中的某个选项卡

Question

我一直在尝试单击位于大 table 的 headers 正上方的 ceratin 选项卡。该选项卡的名称和可见性为 Pitchers。我哪里出错了？

这是我正在尝试使用的脚本：

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch({headless:false});
    const [page] = await browser.pages();
    await page.goto('https://www.rotowire.com/baseball/stats.php');
    await page.waitForSelector("div[data-name='p']");
    const elem = await page.$("div[data-name='p']");
    await elem.click();
    // await browser.close();
  } catch (e) {
    console.log('the error: ', e);
  }
})();

遇到的错误：

TimeoutError: waiting for selector "div[data-name='p']" failed: timeout 30000ms exceeded

How can I get click on the Pitchers tab in that webpage?

Answer 1

那个选择器是case-sensitive。这应该有效：

await page.waitForSelector("div[data-name='P']");
const elem = await page.$("div[data-name='P']");

使用 case-insensitive selector 也应该有效：

await page.waitForSelector("div[data-name='P' i]");
const elem = await page.$("div[data-name='P' i]");

无法单击网页中的某个选项卡

Unable to click on a certain tab in a webpage

node.js

web-scraping

puppeteer