可以在 devtools 中选择元素，但不能在 puppeteer 中选择

Question

我正在和木偶师一起工作。我想获取文本框中选定元素的节点值。使用开发工具我已经复制了选择器：

  var mySelector = "div.chosen-container.chosen-container-multi.filter-main-values.fmd-values.chosen-container-active.chosen-with-drop > ul > li.search-choice > span";

我可以使用它在开发工具中找到它：

但是运行我的 puppeteer 代码后：

  var selectedCountry = await page.evaluate((mySelector) => {return Array.from(document.querySelectorAll(mySelector))});
  console.log(selectedCountry);

在 vs code 调试窗口中，我看到：

(0) []

我做错了什么？

Answer 1

您没有正确地将选择器传递给 evaluate 函数。

var selectedCounty = await page.evaluate((selectedCountySelector) => {

  return Array.from(document.querySelectorAll(selectedCountySelector))

}, selectedCountySelector); // <-- pass it here

console.log(selectedCounty);