Cheerio爬虫在浏览器控制台正常但Node环境运行失效问题

核心原因 #

1. 页面内容为客户端动态渲染 #

你在浏览器控制台能匹配到对应节点，是因为浏览器已经完成了全页面资源加载、执行了所有相关JS代码、请求完后端价格接口并完成了DOM插入渲染。
而你在Node环境中直接请求页面链接，拿到的仅为未执行JS的初始静态HTML骨架，CoinDesk的价格数据并未嵌入在初始HTML中，因此Cheerio解析的DOM树里根本不存在你写的选择器对应的节点，自然拿不到结果。

2. 类名动态生成 #

你用到的sc-bxivhb cNnmSt、Typography__StyledTypography-sc-1xaoczh-0 euSZAS这类带sc-前缀的类名，是CSS-in-JS框架生成的动态类名，会随网站版本更新、甚至单次请求上下文变化发生变动，也会导致匹配失效。

3. 选择器写法不严谨 #

你使用的[class="xxx"]是完全匹配类属性的写法，只要对应节点新增任意其他类名就会匹配失败，更稳妥的写法是用类选择器：div.sc-bxivhb.cNnmSt span.euSZAS。

可行解决方案 #

• 优先调用CoinDesk公开的价格API直接获取结构化的JSON格式价格数据，稳定性远高于页面爬取，无需处理DOM匹配问题。
• 若必须爬取页面内容，改用Puppeteer、Playwright等无头浏览器工具，模拟浏览器环境加载页面，等待JS渲染完成后再提取节点内容。
• 也可在拿到初始HTML后，先通过正则匹配页面内嵌的全局初始化数据（通常挂载在window对象下的__INITIAL_STATE__等属性中），直接从序列化的数据里提取价格，无需解析DOM。

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