Puppeteer打开下拉菜单，然后点击[1,2,3,RD…]选项

Question

https://www.nhtsa.gov/ratings

我一直试图让木偶从下拉菜单中选择一个选项，所以我可能会从上面的网站刮出信息。

2.我还想知道如何选择第2个、第3个和第4个选项，而不需要硬编码。

我甚至还没有开始搜集信息/sad；（

const puppeteer = require('puppeteer');

async function spider() {
    try {
        let browser = await puppeteer.launch({ headless: false});
        let page = await browser.newPage();
        await page.goto('https://www.nhtsa.gov/ratings');
        await page.click('a[data-target=".manufacturer-search-modal"]');
        await page.click('select');
        await page.click('option[value="AUDI"]');

    } catch(error) {
        console.log(error)
        await browser.close();
    }
}

export default spider

Answer 1

我认为有几个问题。第一，有时页面会弹出一个调查，你可能需要先关闭它。第二，在单击.manufacturer-search-modal链接和尝试与select框交互之间需要等待一段时间，因为框中的选项不会立即填充（可能是向服务器发出请求以获取选项列表）。第三，我认为选择框有点特别，点击它们不起作用，但你可以使用Page.select代替。把这些都放在一起，再加上一些按数字选择项目的难看代码：

async function spider() {
    try {
        let browser = await puppeteer.launch({ headless: false});
        let page = await browser.newPage();
        await page.goto('https://www.nhtsa.gov/ratings');
        try {
          // Give the 'take our survey' box a chance to pop up, and close it if it does
          await page.waitFor('.acsCloseButton', { timeout: 1000 });
          await page.click('.acsCloseButton')
        } catch {

        }
        await page.click('a[data-target=".manufacturer-search-modal"]');
        // wait for the options to be populated
        await page.waitFor('option:nth-child(2)');
        // search for AUDI
        await page.select('select', 'AUDI');
        await page.click('.manufacturer-search-submit');
        // select third element in drop-down
        // there's probably a better way to do this
        const options = await page.$$('option');
        const properties = await options[2].getProperties();
        const value = await properties.get('_value').jsonValue();
        await page.select('select', value);
        await page.click('.manufacturer-search-submit');
    } catch(error) {
        console.log(error)
        await browser.close();
    }
}