我有一个代码如下:
page.click('div.button-table div:contains(Who) div.square-button:nth-child(1)')
当 puppeteer 运行此代码时,会引发错误:
简介
无法在“文档”上执行“querySelector”:“div.button-table div:contains(Who) div.square-button:nth-child(1)”不是有效的选择器。
完整
Error: Evaluation failed: DOMException: Failed to execute 'querySelector' on 'Document': 'div.button-table div:contains(Who) div.square-button:nth-child(1)' is not a valid selector.
at __puppeteer_evaluation_script__:1:33
at ExecutionContext.evaluateHandle (node_modules/puppeteer/lib/ExecutionContext.js:124:13)
at <anonymous>
-- ASYNC --
at ExecutionContext.<anonymous> (node_modules/puppeteer/lib/helper.js:144:27)
at ElementHandle.$ (node_modules/puppeteer/lib/ExecutionContext.js:529:50)
at ElementHandle.<anonymous> (node_modules/puppeteer/lib/helper.js:145:23)
at Frame.$ (node_modules/puppeteer/lib/FrameManager.js:456:34)
at <anonymous>
-- ASYNC --
at Frame.<anonymous> (node_modules/puppeteer/lib/helper.js:144:27)
at Frame.click (node_modules/puppeteer/lib/FrameManager.js:735:31)
at Frame.<anonymous> (node_modules/puppeteer/lib/helper.js:145:23)
at Page.click (node_modules/puppeteer/lib/Page.js:973:29)
at Proxy.fillInAudience (libs/page/brand_create_quote_page.js:67:21)
at Proxy.<anonymous> (libs/logger.js:38:27)
at Context.it (ui/brand/create_quote_spec.js:53:16)
at <anonymous>
但是这个选择器可以在Devtools中成功运行 - $('div.button-table div:contains(Who) div.square-button:nth-child(1)').text()
我还弄清楚,如果我删除 div:contains(Who)
,puppeteer 可以毫无 panic 地运行它。
有什么想法吗?
谢谢!
最佳答案
Puppeteer 正在使用 document.querySelector内部。所以你可以使用任何 CSS Selector 。这里的问题是contains不是 CSS 选择器,而是 JQuery 功能。
好处是,您可以使用 Chrome 开发者工具测试选择器,并使用 document.querySelector
测试它们。
关于javascript - puppeteer querySelector 不是有效的选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54437361/