如何通过Node.js获取自定义随机4位数字网站的内容？

嘿，我来帮你解决这个问题！从你提到的代码片段来看，你已经选对了axios（发请求）和cheerio（解析HTML）这俩工具，但大概率是在数字提取逻辑或者处理动态生成内容上卡壳了，下面分两种常见情况给你针对性的解决方案：

情况1：随机数字是静态渲染在HTML里的 #

如果你的测试网站是直接把4位数字写死在HTML里（不是靠前端JS动态生成的），那只需要完善代码里的提取逻辑就行。举个例子，假设你的网页结构长这样：

<!DOCTYPE html>
<html>
<body>
  <div class="random-box">本次随机数：<span id="num">1234</span></div>
</body>
</html>

那你可以把代码改成这样，确保精准定位到数字：

const axios = require('axios');
const cheerio = require('cheerio');
const fs = require('fs');

async function getRandomNumber() {
  try {
    // 发起请求拿网页内容
    const res = await axios.get('http://你的测试网站地址');
    const html = res.data;

    // 用cheerio加载HTML，像jQuery一样操作DOM
    const $ = cheerio.load(html);

    // 根据实际的DOM结构选元素，这里假设数字在id为num的span里
    const randomNum = $('#num').text().trim();

    // 先验证是不是4位数字，避免拿到无效内容
    if (/^\d{4}$/.test(randomNum)) {
      console.log('成功拿到随机4位数字：', randomNum);
      // 要是需要存到文件里
      fs.writeFileSync('random_num.txt', randomNum);
    } else {
      console.log('没找到符合格式的4位数字哦');
    }
  } catch (err) {
    console.error('请求或者解析出错啦：', err.message);
  }
}

// 调用函数执行
getRandomNumber();

这里要注意：你得根据自己网站的实际DOM结构调整选择器——如果数字就是网页里的纯文本，也可以直接用正则从整个HTML字符串里匹配：const match = html.match(/\b\d{4}\b/);，然后取match[0]就行。另外一定要加错误处理，不然请求失败或者解析失败直接崩了可不行。

情况2：随机数字是前端JS动态生成的 #

如果你的网站是等页面加载完，靠JS动态生成的随机数字（比如打开控制台能看到生成数字的代码），那cheerio就抓不到了——因为cheerio只会解析静态HTML，不会执行JS代码。这种情况下，得用puppeteer来模拟真实浏览器环境，等JS执行完再拿数字。

步骤很简单：

1. 先装puppeteer：

npm install puppeteer

2. 然后写代码：

const puppeteer = require('puppeteer');
const fs = require('fs');

async function getDynamicRandomNumber() {
  let browser;
  try {
    // 启动浏览器，headless模式就是不弹出浏览器窗口，想看过程可以改成false
    browser = await puppeteer.launch({ headless: 'new' });
    const page = await browser.newPage();

    // 访问你的测试网站
    await page.goto('http://你的测试网站地址');

    // 这里写获取数字的逻辑，完全模拟浏览器里的操作
    const randomNum = await page.evaluate(() => {
      // 比如数字在class为random-num的元素里，就这么写：
      return document.querySelector('.random-num').textContent.trim();
      // 如果是存在某个全局变量里，比如window.randomNum，就return window.randomNum;
    });

    if (/^\d{4}$/.test(randomNum)) {
      console.log('成功拿到动态生成的随机4位数字：', randomNum);
      fs.writeFileSync('dynamic_random_num.txt', randomNum);
    } else {
      console.log('没找到符合格式的4位数字哦');
    }
  } catch (err) {
    console.error('模拟浏览器出错啦：', err.message);
  } finally {
    // 不管成功失败，都要关闭浏览器
    if (browser) await browser.close();
  }
}

getDynamicRandomNumber();

额外要排查的小细节 #

• 先确认你的测试网站地址有没有写错，本地的话是不是能正常访问（比如用浏览器打开看看）。
• 如果网站有简单的反爬（比如检查请求头），可以给axios加个User-Agent：

const res = await axios.get('http://你的测试网站地址', {
  headers: {
    'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36'
  }
});

要是还有具体的网页结构或者代码报错信息，随时补充出来，我再帮你细化！

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