Appearance
H5 Game AI Inspector
面向 H5 游戏开发者的 Chrome DevTools 检视扩展，支持 Cocos Creator 2.x / 3.x、Egret、LayaAir 等引擎：左侧场景树 / 属性 / 注入脚本，右侧可选 AI 调试助手（自备 API Key）。无需改游戏工程，打开页面按 F12 即可使用。
—当前版本
4+支持引擎
—直下累计安装
—Chrome 商店用户
版本号读取公开 version.json；直下安装为官网渠道匿名统计；Chrome 商店用户数来自网上应用店公开页（可能为区间近似值，如 1,000+）。
立即体验
商店版与官网 ZIP 功能一致；本地调试请加载解压根目录或构建后的 dist/。
海外 VPS 推荐（可选）
自备境外 VPS，便于访问受地域限制的国外 AI 模型 / API（如部分 OpenAI 兼容服务），也可用于更安全的隔离环境与隐私可控的自建节点。搭建说明见 GitHub：V2Ray 搭建详细教程。以下为作者亲测常用商家。
RackNerd性价比
年付低至约 $22；多美国机房；带宽 1Gbps；支持支付宝等。续费同价。
推广链接含联盟参数（aff），价格与库存以商家页面为准；本扩展与上述商家无隶属关系，购买前请自行评估用途与合规要求。
赞赏支持
如果本扩展对你有帮助，欢迎微信扫码打赏，支持持续维护与更新。
三步上手
- 安装扩展（商店或本地 ZIP）
- 打开任意支持的 H5 游戏页面
- 按 F12 → 切换到 H5 AI Inspector 面板
能做什么
检视与调试
- 场景树浏览、点击拾取、划过高亮、「阻止点击」专注检视
- 实时修改节点属性，并查看本会话修改记录
- 节点右键：复制名字 / NAME / ID / 路径、输出变量、跳转 Sources、导出骨骼等
- iframe 嵌套游戏同样可调试；顶栏可自由切换检视目标 frame
- 顶栏暂停 / 下一帧 / 刷新，以及 FPS 显示
进阶工具
- 注入代码：多脚本、按站点 / 帧匹配执行，底部运行日志对照游戏页 Console
- 骨骼资源：扫描 Spine / DragonBones，预览动作并打包 ZIP
- 抓帧 & Shader：帧序列浏览与顶点 / 片元着色器查看
- 游戏报错：捕获运行时错误，跳转 Sources，一键 AI 分析
AI 助手（可选）
- OpenAI 兼容多厂商模型（DeepSeek、Gemini、智谱等）
- 可附带引擎、选中节点与最近报错上下文
- API Key 仅存本机
chrome.storage.local，请求直达你配置的服务商
支持的引擎
| 引擎 | 说明 |
|---|---|
| Cocos Creator 2.x / 3.x | 完整支持 |
| LayaAir | 完整支持 |
| Egret | 完整支持 |
| FairyGUI | 扩展检视 |
详见 支持的引擎。
核心能力一览
| 功能 | 描述 |
|---|---|
| 场景树与属性 | 层级浏览、拾取高亮、实时改属性 |
| iframe 嵌套调试 | 支持 iframe 内游戏；顶栏下拉切换调试目标 |
| 右键快捷操作 | 复制路径、输出变量、跳转定义、导出骨骼 |
| 注入脚本 | 在游戏主世界执行调试代码，带运行日志 |
| 游戏控制 | 暂停、单帧步进、刷新、FPS |
| 骨骼 / 抓帧 | Spine·DragonBones 导出；帧与 Shader 检视 |
| 报错列表 | 堆栈预览、Sources 跳转、AI 分析 |
| AI Copilot | 多模型对话，附带检视与报错上下文 |
更多图文说明见 核心功能。