如何通过编程从第三方站点获取JS数组（以Videa视频源获取为例）

方案1：无头浏览器直接执行获取（最低成本） #

不需要解析混淆的JS代码，直接用无头浏览器工具模拟正常用户访问页面，待页面JS执行完成后调用你已知的控制台语句获取结果即可，常用工具可选Playwright、Puppeteer、Selenium等。
示例（Node.js + Playwright）代码如下：

const { chromium } = require('playwright');
(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  await page.goto('https://videa.hu/player?f=8.1780672.2241728.0');
  // 等待播放器变量加载完成
  await page.waitForFunction('typeof videaPlayerController !== "undefined"');
  // 执行控制台语句拿数据
  const videoSources = await page.evaluate(() => {
    return videaPlayerController.contentConroller.context.xmlValues.video_sources;
  });
  console.log(videoSources);
  await browser.close();
})();

方案2：逆向解析数据来源（性能更高，无浏览器依赖） #

• 先将压缩的VideaPlayerClasses.min.js用JS Beautify、Prettier等工具格式化，大幅提升代码可读性
• 在格式化后的代码中搜索video_sources、xmlValues等关键词，定位到变量赋值的逻辑段，跟踪数据源：绝大多数场景下该配置不是动态计算生成的，要么是页面HTML中内嵌的XML/JSON配置段，要么是某个固定接口返回的结构化数据
• 可以直接在浏览器网络面板过滤XHR/Fetch请求，或者直接检索页面HTML源码中的视频地址特征，找到数据源后直接请求对应地址、正则匹配提取页面内嵌配置即可得到目标数组，完全不需要依赖混淆JS的执行逻辑

方案3：浏览器脚本场景下的请求拦截 #

如果是在浏览器端运行的油猴脚本类需求，可直接监听全局变量赋值事件，或者拦截返回视频配置的网络请求，在数据返回时直接捕获目标数组，无需逆向JS逻辑

注意：爬取目标站点数据请严格遵守对应站点的服务条款、robots协议以及相关版权法规，禁止非法爬取并商用获取的内容

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