product --- CdpElementHandle { isolatedHandle: undefined, handle: CdpJSHandle {}, [Symbol(_isElementHandle)]: true }

当你看到类似 `product --- CdpElementHandle {...}` 的结构时，这是Puppeteer内部对网页元素的一种表示。`CdpElementHandle` 是一个特殊类型的对象，它代表了一个远程浏览器端的DOM元素。

- **isolatedHandle**: 这通常是空值 (`undefined`)，在一些旧版本的Puppeteer中，这个属性可能会包含其他信息，但在现代版本中主要用于私有隔离，对于开发者来说一般不需要关注。

- **handle**: 这是一个 `CdpJSHandle` 对象，它实际上是到Chrome DevTools Protocol（CDP）的一个引用，允许与浏览器交互并获取关于元素的信息，如属性、内容等。

- **[Symbol(_isElementHandle)]**: 这个符号是内部标志，用于标记这是一个`ElementHandle`实例，这意味着你可以直接使用它的方法来操作网页元素，例如`.textContent`, `.click()`等。

总的来说，这个对象让你能够通过JavaScript控制浏览器中的HTML元素，就像它就在你的应用本地环境一样。当你打印 `console.log(products)` 时，虽然看上去像是一个对象，但实际上它是代表了一组元素的集合，每个元素都是一个独立的 `CdpElementHandle` 实例。

如果你想获取元素的实际文本或其他属性，可以这样操作：

const texts = await Promise.all(products.map(product => product.textContent));
console.log('产品文字内容:', texts);

如果你有任何疑问或遇到问题，记得检查元素是否有效并且在正确的位置可用。