Chrome 106中--virtual-time-budget参数失效原因及解决办法咨询

问题背景 #

在Chrome 87版本中，添加--virtual-time-budget参数后，进程会等待所有JS加载完成；但在Chrome 106.0.5249.119版本中，该参数似乎不再生效，无论页面实际加载情况如何，Chrome进程都会在1秒内停止。

使用的启动命令如下：

/usr/bin/google-chrome \
--headless \
--disable-gpu \
--no-sandbox \
--ignore-certificate-errors \
--log-level=0 \
--disable-dev-shm-usage \
--start-maximized \
--window-size=1920,1080 \
--virtual-time-budget=300000 \
--enable-logging=stderr \
--v=1 \
--enable-features=NetworkService \
--disable-features=IsolateOrigins,site-per-process \
--disable-web-security \
'http://nginx/ngsoc/REPORT/api/v1/set-cookie-and-redirect?cookies=auto_report=1;access_token=RJtApMMmLP5SAqmjJ7lkNkEP6FA&redirectUrl=aHR0cDovL25naW54OjgwLyMvcmVwb3J0L3JlcG9ydF90ZW1wbGF0ZV9lZGl0P3RlbXBsYXRlTmFtZT13eWh0ZXN0MyZpZD02MzU5ZTM1ZDEwNjVlNjJmOTkzZTVjNGMmdGltZVJhbmdlPXsidGltZUZpZWxkIjpudWxsLCJiZWdpbiI6eyJ0eXBlIjoiYWJzb2x1dGUiLCJ1bml0IjpudWxsLCJ2YWx1ZSI6MTU0NjI3MjAwMH0sImVuZCI6eyJ0eXBlIjoiYWJzb2x1dGUiLCJ1bml0IjpudWxsLCJ2YWx1ZSI6MTU1MDU5MjAwMH19JnJlcG9ydE5hbWU9d3lodGVzdDNfJUU2JTlDJTg4JUU2JThBJUE1'

咨询问题 #

1. 为何该参数在Chrome 87可用但在Chrome 106失效？
2. 两个版本间的差异是什么？
3. 如何让浏览器等待页面加载完成？

解答 #

1. 参数失效原因 #

Chrome 90版本后，--virtual-time-budget的逻辑被大幅调整。该参数原本用于无头模式下模拟虚拟时间，让页面在虚拟时间流中完成所有异步任务（如JS加载、API请求），但后续版本中Chrome对无头模式的虚拟时间实现进行了重构，参数生效条件被严格限制：

• 仅配合--dump-dom或--screenshot等需要完整页面渲染的参数时，--virtual-time-budget才会触发等待逻辑；
• 单纯启动无头Chrome访问页面时，该参数不再主动阻止进程退出，而是依赖页面自身加载状态判断。

2. 版本间核心差异 #

• Chrome 87及更早：--virtual-time-budget是全局等待开关，只要设置该参数，进程就会等待虚拟时间走完指定时长，确保所有JS加载和执行完成；
• Chrome 90+（含106）：参数仅服务于特定无头输出命令（如截图、导出DOM），单独使用时不会延长进程生命周期，Chrome会在页面初始加载完成（DOMContentLoaded）后快速退出。

3. 实现页面加载完成等待的替代方案 #

方案1：配合--dump-dom或--screenshot使用

若仅需获取完整渲染后的页面内容，保留--virtual-time-budget并添加输出参数，例如：

/usr/bin/google-chrome \
--headless=new \
--disable-gpu \
--no-sandbox \
--ignore-certificate-errors \
--log-level=0 \
--disable-dev-shm-usage \
--window-size=1920,1080 \
--virtual-time-budget=300000 \
--dump-dom \
--disable-web-security \
'你的目标URL'

注：Chrome 112+推荐使用--headless=new替代旧无头模式，兼容性更好。

方案2：使用Chrome DevTools Protocol (CDP) 控制

通过CDP的Page.loadEventFired或Runtime.evaluate执行自定义等待逻辑，比如等待特定元素出现或JS执行完成：

// 示例Node.js代码片段（使用puppeteer）
const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    args: [
      '--no-sandbox',
      '--disable-web-security',
      '--ignore-certificate-errors'
    ]
  });
  const page = await browser.newPage();
  await page.goto('你的目标URL', { waitUntil: 'networkidle0' }); // 等待网络空闲
  // 或等待特定元素出现
  await page.waitForSelector('#target-element');
  // 执行后续操作
  await browser.close();
})();

方案3：添加自定义延迟脚本

在启动命令中通过--user-script注入等待脚本，强制进程停留直到页面加载完成：

/usr/bin/google-chrome \
--headless=new \
--no-sandbox \
--disable-web-security \
--user-script=/path/to/wait-script.js \
'你的目标URL'

wait-script.js示例：

// 等待页面所有资源加载完成
window.addEventListener('load', () => {
  // 可选：等待额外的异步任务完成
  setTimeout(() => {}, 5000);
});

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