命令行运行Chromium输出汇编代码，如何判定页面加载完成？

针对你用./chrome --js-flags="--print-code" ~/example.html输出JS汇编代码，同时需要判断页面是否加载完成的需求，我整理了几个实用的方案，全部基于Chromium原生命令行参数实现：

1. 用Headless模式+虚拟时间预算自动触发完成信号 #

这是最省心的方案，适合大多数场景：

• 启用新版无头模式（Chrome 96+支持，更稳定），配合虚拟时间预算参数，让Chromium自动推进页面加载直到所有资源、JS执行完成后退出。
• 当进程正常退出（状态码0），就代表所有汇编代码已输出，页面加载完成。
• 完整命令：

  ./chrome --headless=new --js-flags="--print-code" --virtual-time-budget=10000 ~/example.html
  

  其中--virtual-time-budget=10000表示给页面10秒的虚拟加载时间（可根据页面复杂度调整，比如复杂页面改成20000）。在脚本里，你可以监听进程的退出事件，以此作为加载完成的标识。

2. 注入自定义JS，在页面加载完成时输出标识到stdout #

如果需要更精准的控制（比如等待特定异步操作完成），可以注入自定义脚本，让页面在加载完成时输出特定字符串到stdout：

• 用--run-js参数注入监听逻辑，比如监听load事件（代表所有资源加载完成）：

  ./chrome --headless=new --js-flags="--print-code" --run-js="window.addEventListener('load', () => { console.log('PAGE_LOAD_FINISHED'); });" ~/example.html
  

• 这样，当你在stdout中捕获到PAGE_LOAD_FINISHED这个字符串时，就可以确定页面已经完全加载，所有JS的汇编代码也已经输出完毕。
• 要是页面有大量异步请求，你可以把监听逻辑改成等待所有请求完成，比如：

  // 示例：等待所有fetch请求完成
  const originalFetch = window.fetch;
  const pendingRequests = new Set();
  window.fetch = (...args) => {
    const promise = originalFetch(...args);
    pendingRequests.add(promise);
    promise.finally(() => pendingRequests.delete(promise));
    return promise;
  };
  const checkPending = () => {
    if (pendingRequests.size === 0) {
      console.log('PAGE_LOAD_FINISHED');
    } else {
      setTimeout(checkPending, 100);
    }
  };
  window.addEventListener('load', checkPending);
  

  把这段代码作为--run-js的参数传入即可。

3. 结合--dump-dom参数判断输出结束 #

--dump-dom参数会在页面加载完成后，把整个DOM结构输出到stdout。由于--print-code的汇编输出会先于DOM内容，所以当你看到DOM输出开始时，说明汇编代码已经输出得差不多了；当DOM输出完全结束，就代表页面加载彻底完成：

• 命令示例：

  ./chrome --headless=new --js-flags="--print-code" --dump-dom ~/example.html
  

• 在脚本中，你可以通过检测stdout的输出结尾（比如</html>标签）来判断加载完成。

注意事项 #

• 如果你用的是旧版Chromium（低于96），把--headless=new改成--headless即可。
• 虚拟时间预算的数值要根据页面实际情况调整，避免因为时间不足导致进程提前退出，汇编输出不全。
• 如果你不需要无头模式（要显示窗口），可以用--wait-for-exit参数，但这个参数需要配合其他触发退出的逻辑（比如注入JS调用window.close()），不如无头模式方便。

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