Chromy框架爬取页面时querySelectorAll返回空对象问题咨询

AI 小北

2026-5-20

解决Chromy中querySelectorAll返回空对象的问题

我之前也踩过Chromy的这个坑！原因其实很简单：Chromy在Node.js环境和浏览器环境之间传递数据时，只能序列化JSON支持的类型，而DOM元素是浏览器专属的复杂对象，没办法直接被序列化成可传递的数据，所以传到Node端就变成了空对象。

正确的处理方式

你需要在浏览器上下文里先提取出你需要的具体数据，再返回给Node端，或者直接在浏览器里完成DOM操作。

1. 提取元素的具体数据（比如文本、属性）

用evaluate方法在浏览器环境里处理DOM，把需要的内容转换成普通数组/对象返回：

chromy.evaluate(() => {
  // 把NodeList转成数组，再映射提取需要的内容
  return Array.from(document.querySelectorAll('.b')).map(item => {
    return {
      text: item.textContent.trim(),
      // 如果你需要属性的话，比如class或者自定义属性
      className: item.className,
      dataId: item.getAttribute('data-id')
    };
  });
}).then(results => {
  console.log(results); // 这里就能拿到包含实际内容的数组了
});

2. 直接在浏览器里操作DOM元素

如果你的需求是点击、修改元素这类操作，不需要把元素传回Node端，直接在evaluate的回调里执行：

chromy.evaluate(() => {
  const items = document.querySelectorAll('.b');
  // 比如点击第一个元素
  items[0].click();
  // 或者修改元素样式
  items[1].style.color = 'red';
}).then(() => {
  console.log('DOM操作完成');
});