jquery - Puppeteer 中的选择器语法

Question

我正在尝试创建一个脚本，该脚本的部分功能是使用 Puppeteer 在网页上按下按钮。在尝试执行如下所示的行后，我不断收到“不是有效的选择器”错误或变量未定义。

var termselector = await page.$$( ":button" );
//yields "not a valid selector"

或

var termselector = await page.$$( "#zci-images > div.detail.detail--slider.detail--images.detail--xd > div > div.detail__panes.js-detail-panes > div:nth-child(1) > div > div.detail__body.detail__body--images > div > div > a" );
//yields "termselector undefined"

也许我只是从根本上误解了选择器的工作原理，但我已经查看了一些 JQuery 文档，但我似乎仍然无法正确格式化我的选择器。我在哪里可以找到在 puppeteer 中使用的正确选择器语法的规则？请原谅我的无知

Answer 1

用线:

await page.$$( );

你必须使用css选择器:https://www.w3schools.com/cssref/css_selectors.asp

或者您可以使用 xpath也查询:https://www.w3schools.com/xml/xpath_syntax.asp

await page.$x( );

如果你很了解 JQuery，不妨试试 cheerio :

https://tshaped.io/javascript-scraping-for-marketers-cheerio-and-puppeteer/
https://github.com/cheeriojs/cheerio

---

your provided link 上第一张图片的 CSS 选择器示例:

$$('#zero_click_wrapper img[src^="//external-content"]')[0]

意思是:

• 开始匹配 ID 为 HTML Node :zero_click_wrapper
• ...后跟图像 img src 标签以 //external-content 开头