如何在VSCode扩展中检测调试时用户切换栈帧的操作？

嘿，我之前做VSCode调试相关扩展的时候刚好碰到过类似需求，你要检测调试侧边栏切换栈帧的事件，其实不用死磕DebugAdapterTracker，VSCode的调试API里有专门的事件可以用！

核心解决方案：使用debug.onDidChangeActiveStackFrame事件 #

VSCode的调试模块提供了onDidChangeActiveStackFrame事件，它会在用户切换调试侧边栏的栈帧（包括点击切换、快捷键跳转等所有方式）时触发，完全符合你的需求。

代码示例 #

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
    // 注册活动栈帧变化监听
    const stackFrameChangeListener = vscode.debug.onDidChangeActiveStackFrame((activeFrame) => {
        if (activeFrame) {
            // 这里就是栈帧切换后的回调逻辑，你可以在这里触发动画
            console.log(`切换到栈帧：${activeFrame.name}`);
            console.log(`所在文件：${activeFrame.source?.name ?? '未知文件'}`);
            console.log(`行号：${activeFrame.line}`);
        } else {
            // 没有活动栈帧的情况（比如调试结束、没有命中断点）
            console.log("当前无活动栈帧");
        }
    });

    // 将订阅加入上下文，避免内存泄漏
    context.subscriptions.push(stackFrameChangeListener);
}

为什么DebugAdapterTracker不适合这个场景 #

你之前尝试的DebugAdapterTracker主要是用来跟踪VSCode和调试适配器之间的通信消息，比如获取栈列表的stackTrace请求/响应，但用户切换选中的栈帧是VSCode内部的UI状态变更，不会触发调试适配器的消息交互，所以你在Tracker里找不到对应的事件。如果是要监听栈帧数据的加载，那Tracker可以派上用场，但切换选中栈帧的动作，还是用上面的事件更直接。

额外优化：结合调试会话状态 #

如果你的动画逻辑只需要在调试会话活跃时生效，可以配合调试会话的事件来管理监听：

import * as vscode from 'vscode';

export function activate(context: vscode.ExtensionContext) {
    let stackFrameDisposable: vscode.Disposable | undefined;

    // 调试会话启动时注册栈帧监听
    const sessionStartListener = vscode.debug.onDidStartDebugSession(() => {
        stackFrameDisposable = vscode.debug.onDidChangeActiveStackFrame((frame) => {
            // 你的动画逻辑
        });
        context.subscriptions.push(stackFrameDisposable);
    });

    // 调试会话结束时移除监听
    const sessionEndListener = vscode.debug.onDidTerminateDebugSession(() => {
        stackFrameDisposable?.dispose();
    });

    context.subscriptions.push(sessionStartListener, sessionEndListener);
}

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