Chromium能否在JS源码编译为bytecode前打印输出该源码？

可行性结论 #

完全可以实现在V8将JS源码编译为Bytecode之前捕获并记录源码，无需复杂编译Chromium也能达成需求。

方法1：使用V8内置命令行Flag直接输出 #

V8提供了--print-bytecode-with-source参数，可在输出Bytecode的同时关联打印对应的原始源码，正好满足你捕获编译前源码的需求。

具体命令：

chromium --no-sandbox file:///你本地的HTML文件路径.html --js-flags="--print-bytecode-with-source"

输出示例：
控制台会输出类似以下内容，其中就能看到你需要的alert('newtext');源码：

[generated bytecode for function: anonymous]
Parameter count 1
Frame size 0
Bytecode length 6
  0x1234567890ab ->   0: LoadGlobal [0], [0]   // alert
  0x1234567890ac ->   3: LdaConstant [1]        // 'newtext'
  0x1234567890ad ->   5: CallUndefinedReceiver0 [1]
  0x1234567890ae ->   8: Return
Source positions:
  0: script:0, position:0-19 (alert('newtext');)

方法2：通过Chrome DevTools调试协议捕获解析阶段源码 #

如果需要更灵活的源码捕获（比如自动化记录），可以利用Chrome的Debugger API在脚本被解析（编译前的关键阶段）时触发回调，直接获取完整源码。

操作步骤：

1. 打开Chrome加载你的HTML文件，按下F12打开DevTools
2. 切换到Console面板，执行以下代码：

// 启用Debugger协议
await Debugger.enable();
// 监听脚本解析完成事件（此时源码已加载但未编译为Bytecode）
Debugger.onScriptParsed((event) => {
  // 过滤掉系统脚本，只保留目标脚本
  if (event.url.includes("你的HTML文件名.html")) {
    console.log("编译前捕获的源码：\n", event.source.text);
  }
});

3. 刷新页面，控制台会输出目标脚本的完整源码，即alert('newtext');。

方法3：编译调试版Chromium（进阶方案） #

如果需要深度定制V8的日志输出，可编译带调试功能的Chromium，步骤如下：

1. 按照Chromium官方编译流程拉取源码并配置依赖
2. 生成Debug构建配置：

   gn args out/Debug
   

   在弹出的编辑器中添加：

   is_debug = true
   v8_enable_debugging = true
   v8_enable_logging = true
   

3. 编译Debug版Chromium
4. 启动时使用组合Flag输出源码与编译过程：

   out/Debug/chrome --no-sandbox file:///你的HTML文件路径.html --js-flags="--log-source-code --print-ast"
   

   此时日志会包含AST（抽象语法树，编译前的中间产物）与原始源码的关联信息，可直接提取目标源码片段。

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