如何在Node.js中执行脚本拦截指定网站URL的Ajax请求？

我从Stack Overflow上找到如下函数：

(function() {
    var origOpen = XMLHttpRequest.prototype.open;
    XMLHttpRequest.prototype.open = function() {
        console.log('request started!');
        this.addEventListener('load', function() {
            console.log('request completed!');
            console.log("Server status code: ", this.status); 
            console.log("Ready state: ", this.readyState); 
            console.log("Server response:", this.responseText);
        });
        origOpen.apply(this, arguments);
    };
})();

该脚本粘贴到网页控制台后，可打印所有Ajax请求的相关信息。请问能否在Node.js中执行此脚本，并传入特定网站URL以获取其Ajax请求数据？

核心结论 #

直接在Node.js环境中运行这个脚本不可行，具体原因和替代实现方案如下：

为什么原脚本无法在Node.js中使用？ #

• Node.js不存在浏览器专属的XMLHttpRequest对象：这个API是浏览器为前端Ajax请求设计的，Node.js本身依赖http/https模块或第三方库（如axios）发起网络请求，没有需要拦截的XMLHttpRequest.prototype。
• 原脚本逻辑是拦截当前页面内发起的Ajax请求，但Node.js没有浏览器的页面渲染环境，无法直接加载并监控目标网站的前端请求流程。

在Node.js中实现类似需求的方案 #

要捕获目标网站的Ajax请求数据，需要用Node.js的无头浏览器工具模拟完整的浏览器环境，以Puppeteer为例：

1. 先安装Puppeteer依赖：

   npm install puppeteer
   

2. 编写代码模拟浏览器加载页面并注入监控脚本：

   const puppeteer = require('puppeteer');
   
   (async () => {
       // 启动无头浏览器
       const browser = await puppeteer.launch();
       const page = await browser.newPage();
   
       // 在页面初始化时注入监控脚本
       await page.evaluateOnNewDocument(() => {
           var origOpen = XMLHttpRequest.prototype.open;
           XMLHttpRequest.prototype.open = function() {
               console.log('request started!');
               this.addEventListener('load', function() {
                   console.log('request completed!');
                   console.log("Server status code: ", this.status); 
                   console.log("Ready state: ", this.readyState); 
                   console.log("Server response:", this.responseText);
               });
               origOpen.apply(this, arguments);
           };
       });
   
       // 访问目标网站
       await page.goto('https://你的目标网站URL');
   
       // 等待Ajax请求完成（可根据实际需求调整等待逻辑）
       await page.waitForTimeout(3000);
   
       // 关闭浏览器
       await browser.close();
   })();
   

• 这段代码会启动一个无头浏览器，完整加载目标页面并注入监控脚本，效果和在浏览器控制台运行原脚本完全一致。
• 也可以选择Playwright等同类无头浏览器工具，实现逻辑基本一致。

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