Puppeteer遍历链接触发querySelector is not a function报错

• 存储类型匹配错误：根据你提供的linksList生成逻辑，这个数组中存储的全是纯字符串格式的详情页URL，没有任何DOM节点对象。你之前能正常调用querySelector的场景，是在列表页浏览器上下文中获取到的DOM元素数组（即代码中循环遍历的card变量），和当前linksList的元素类型完全不同，字符串本身不存在querySelector方法。
• 操作逻辑错位：外层循环执行await page.goto(linksList[i])后，浏览器已经跳转到了对应单条链接的详情页，但代码中传给page.evaluate的参数是整个linksList字符串数组，还在evaluate内部对数组里的每个字符串元素调用querySelector，这是抛出*linksList[i].querySelector is not a function*类型错误的直接触发点。
• 重复逻辑冗余：每次page.goto跳转后，仅需要提取当前打开页面的单条目标数据即可，完全没必要在evaluate内部重新遍历整个链接数组，这部分逻辑和外层循环的目标完全重叠，属于无效操作。

核心调整思路是划清列表页、详情页的操作边界：列表页仅负责收集所有详情页的字符串链接，详情页提取时不需要将整个链接数组传入页面执行上下文，直接在当前详情页的DOM中检索目标元素即可，同时注意page.evaluate仅能返回可序列化的实际数据，不能直接将DOM节点跨上下文传回Node环境。

修正后的完整代码：

// 列表页提取所有详情链接的原有逻辑可正常使用，无需调整
linksList = await page.evaluate(() => {
  let links = []
  let card = document.querySelectorAll('div[class="jobsearch-SerpJobCard unifiedRow row result clickcard"]');
  for (let i = 0; i < card.length ; i++) {
    let linksDetail = card[i].querySelector('a[target="_blank"]').href
    links.push(linksDetail)
  } 
  return links
});

// 逐个遍历链接跳转提取目标数据
const resultJob = [];
for (let i = 0; i < linksList.length; i++) {
  // 跳转对应详情页，增加加载等待配置避免超时
  await page.goto(linksList[i], {
    waitUntil: 'domcontentloaded',
    timeout: 30000
  });

  // 在当前详情页上下文提取数据，无需传入linksList参数
  const detailInfo = await page.evaluate(() => {
    const targetContainer = document.querySelector('div[class="jobsearch-DesktopStickyContainer"]');
    // 仅提取需要的文本、属性值等可序列化内容，不可直接返回DOM节点
    return {
      jobTitle: targetContainer?.querySelector('.jobsearch-JobInfoHeader-title')?.textContent?.trim() || '',
      companyName: targetContainer?.querySelector('[data-company-name="true"]')?.textContent?.trim() || '',
      // 按实际需求补充其他字段提取逻辑
    }
  });

  resultJob.push(detailInfo);
}

• page.evaluate的执行环境是浏览器打开的当前页面，和Node.js环境是隔离的，函数内部只能访问当前页面的DOM资源，只有当确实需要将Node侧的变量传入浏览器上下文时，才需要作为evaluate的第二个参数传递。
• 若直接将DOM节点作为evaluate的返回值，跨上下文序列化后拿到的结果会是空对象，必须明确提取节点上的文本、属性等实际内容，才能在Node侧正常读取。
• 可以在提取前增加显式等待目标元素加载的逻辑，例如await page.waitForSelector('div[class="jobsearch-DesktopStickyContainer"]')，避免页面未加载完成就提取导致空值。

内容的提问来源于stack exchange，提问作者AlexScript