puppeteer爬取页面多个ul元素

最新推荐文章于 2024-02-24 00:15:00 发布

大力pig

最新推荐文章于 2024-02-24 00:15:00 发布

阅读量383

点赞数

分类专栏： js 文章标签： css 前端 html

本文链接：https://blog.csdn.net/m0_53753920/article/details/129479070

版权

js 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

前言

本章会介绍使用puppeteer api获取页面多个ul元素，以及css选择器如何定位ul类元素。

元素定位

1. '#key, input.text .blurcolor'，两种方式定位，id && css input类。

2. ul.gl-warp.clearfix>li ，定位ul类型的元素下的所有li列表集。

代码演示

const puppeteer = require('puppeteer');

async function jd() {
    const broswer = await puppeteer.launch({
        headless: false,
        defaultViewport: { width: 1780, height: 768 }
    });
    const page = await broswer.newPage();
    await page.goto('https://www.jd.com');
    // const input = page.$('#key'); //定位到搜索框
    const input_searcch = await page.$('#key, input.text .blurcolor'); //用两种方式同时定位搜索框
    await input_searcch.type("手机");
    await page.keyboard.press('Enter');
    await page.waitForSelector('ul.gl-warp.clearfix>li');
    // await page.waitForSelector('ul.gl-warp.clearfix>li')
    const list = await page.$$eval('ul.gl-warp.clearfix>li', eles=> eles.map(ele=>ele.innerText));
    console.log('List == ', list);
}
jd();