H5 Game AI Inspector：支持 Egret / Cocos / Laya 多引擎Inspector免费 Chrome 调试扩展

H5 游戏开发常要同时面对 Egret / Cocos / Laya，完全支持多引擎 Inspector 并不多。
所以做了 H5 Game AI Inspector：Chrome DevTools 面板，左边场景树 / 属性 / 注入脚本，右边可选 AI 助手。不用改工程，打开游戏页按 F12 就能用。

现已经上架到谷歌应用商店并且完全免费（也可以直接下载安装包）

Chrome 网上应用店安装

直接下载

官方文档

一、支持哪些引擎

• Egret — 完整支持
• LayaAir — 完整支持
• Cocos Creator 2.x / 3.x — 完整支持
• FairyGUI — 扩展检视

主要功能

• 场景树与拾取 — 浏览层级、点击拾取、划过高亮、「阻止点击」
• 属性面板 — 实时改属性，可查看本会话修改记录
• 节点右键 — 复制名字 / NAME / ID / 路径、输出变量、跳转 Sources、导出骨骼
• iframe 嵌套 — iframe 里的游戏也能调；顶栏可切换调试目标 frame
• 顶栏控制 — FPS、暂停、下一帧、刷新
• 注入代码 — 游戏主世界执行脚本 + 底部运行日志
• 骨骼资源 — Spine / DragonBones 扫描、预览、打包 ZIP
• 抓帧 & Shader — 帧序列与着色器查看
• 游戏报错 — 列表预览、跳转 Sources、一键 AI 分析
• AI 助手（可选） — 自备 API Key，可附带引擎 / 选中节点 / 报错上下文

使用步骤

1. 安装扩展（商店最省事；也可用官网 ZIP 本地加载）
2. 打开 Egret / Cocos / Laya 导出的 H5 / Web 页面
3. 按 F12 → 选 H5 AI Inspector，等场景树出来

图文教程（官方文档）

• 快速开始 — 商店 / ZIP 安装、首次打开面板、验证是否成功
• 核心功能 — 场景树、右键、iframe 切换、注入、骨骼、抓帧、报错、AI
• AI Key 配置 — 添加模型、填写 API Key、免费渠道参考
• 支持的引擎 — Egret / Laya / Cocos / FairyGUI 支持说明
• 常见问题 — 404、检测不到引擎、Extension context invalidated 等
• 版本更新 — 1.0.19 / 1.0.18 更新记录
• 文档首页 — 总览与下载入口

相关链接

• 商店：H5 Game AI Inspector
• 文档：https://copilot.egret.uk/
• ZIP：直接下载安装包
• 反馈：直接回帖，或邮件 jianhuangxie@gmail.com

若用得顺手，也欢迎给扩展或文档站一点点支持～