Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>pixdebugNew to Visual Studio Code? Get it now.
pixdebug

pixdebug

winkchen

|
1 install
| (0) | Free
在 VS Code 里拉起 PixUI 渲染容器(原生 pxide.exe)并用自带调试器(元素 / 样式 / 控制台)调试
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

pixdebug —— VS Code 版 PixUI 模拟器

在 VS Code 里拉起 PixUI 原生渲染容器(UE),用自带调试器(元素 / 样式 / 控制台 / 网络 / 性能)调试活动页。

画面始终留在原生容器窗口里,不把渲染塞进 Webview —— 插件只负责命令与界面,容器窗口与页内探针交给独立的无壳宿主进程管理。


快速开始

调试界面在两处任选(前提是用户启动好了小应用活动):

  • 侧边栏:活动栏 pixdebug 图标 → 「调试器」视图
  • 独立浮窗:pixdebug: 打开调试器(独立浮窗)

改了地址或分辨率,执行 pixdebug: 重启模拟器 生效。


命令

命令面板(Ctrl+Shift+P)输入 pixdebug 可见全部:

命令 作用
pixdebug: 启动模拟器 拉起容器并在预览区显示画面
pixdebug: 停止模拟器 关闭容器(连进程树一起清干净)
pixdebug: 重启模拟器 改地址 / 分辨率后用它
pixdebug: 设置活动页地址 填活动页 URL
pixdebug: 打开调试器(独立浮窗) 用独立窗口打开调试器
pixdebug: 查看模拟器日志 宿主日志(容器启动、摆位、崩溃原因都在这里)
pixdebug: 拾取元素 进入拾取模式:在预览区点一下要看的元素
pixdebug: 取消拾取 退出拾取模式(Esc 同效)
pixdebug: 设置源码目录 指定活动项目根(用于加载本地 pak)
pixdebug: 重新标定顶部裁剪 顶栏被削 / 露出引擎灰条时用它

设置

设置 → 搜索 pixdebug:

设置 默认 说明
pixdebug.url 空 活动页地址;留空自动取 PixIDE 最近预览的活动页
pixdebug.width / height 956 / 440 设备视口宽高
pixdebug.autoStart false 插件激活后自动拉起模拟器
pixdebug.topCropAdjust 0 顶部裁剪微调(物理 px)。页面顶栏被削 → 填负数(如 -36);顶部露出引擎灰条 → 填正数
pixdebug.hostPath 空 自定义模拟器 exe 路径;留空用插件自带
pixdebug.probeInject false 是否注入页内探针。关掉后元素树/样式/控制台/网络/性能全部不可用,只用来二分"容器崩溃是不是探针造成的"
pixdebug.probeSwitches 空 探针二分开关(逗号分隔,如 csscan=0,mo=0),容器异常崩溃时定位探针哪一步踩崩引擎
pixdebug.netBudgetMB 20 网络面板全量快照总字节预算,超了从最老记录开始丢 body
pixdebug.netRecMax 400 网络面板最多保留多少条记录
pixdebug.netBodyMB 2 单条响应捕获上限
pixdebug.netReqKB 4 单条 POST 请求体捕获上限(FaaS 的 data 在这里面,太小会看不到查询参数)
pixdebug.netQueueMB 8 探针未连上时消息队列的字节预算

改设置后重启模拟器生效。


调试器能做什么

  • 元素:元素树 + 拾取(预览区点一下选中)
  • 样式:选中节点的样式属性
  • 控制台:页面日志
  • 网络:请求 / 响应(含 FaaS 请求体)
  • 性能:引擎动态纹理水位等运行时指标

排障

容器启动异常或崩溃时,先看 pixdebug: 查看模拟器日志 —— 启动参数、摆位、崩溃退出码都在里面(退出码会翻成人话,例如 0xC0000374 = 堆损坏)。

架构细节、构建方式、历史排障记录见仓库根目录的 ARCHITECTURE.md(发布流程见 RELEASE.md)。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft