H5 Game AI Inspector:Chrome插件 完美支持 Egret / Cocos / Laya检视,还能挂 AI 一键分析 bug

H5 游戏开发常要同时面对 Egret / Cocos / Laya,该插件可完全支持多引擎并且附带 AI 助手可一键 BUG 分析。

H5 Game AI Inspector:Chrome DevTools 面板,左边场景树 / 属性 / 注入脚本,右边可选 AI 助手。不用改工程,打开游戏页按 F12 就能用。

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

Chrome 网上应用店安装

cocos商店下载

直接下载

在线文档

一、支持哪些引擎

  • Egret — 完整支持

  • LayaAir 1.x /2.x /3.x — 完整支持

  • 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 更新记录

  • 文档首页 — 总览与下载入口

相关链接

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

2赞

2.4.13+edge接入有好多报错

markk

得用谷歌浏览器吧,我目前遇到的错误是切换场景报错了

只支持谷歌浏览器

切到H5 Al Inspector就卡死,bug还有很多,先别拿出来秀。。

别人的插件不要乱用,都是加密的,插件的形式权限更多,偷偷被做点啥你都不知道,哪怕不是插件,纯js也都可以随便截图你的项目并上传走

这是 Cocos Creator 2.x 的固定限制: Scene 根节点没有普通节点上的 activeInHierarchygetComponent 等 API,引擎一访问就会刷这类提示
后面版本会加强支持,
对于加密或者形式权限完全已经说明的,更不用说项目上传啥的,谷歌商店也不会通过

刚下载用了下,太牛逼了,真香啊!以后调试游戏直接爽翻天!之前一直用的这个垃圾Inspector可以推沟里了

1赞

行吧,那我这个也要退出江湖了
image

现在2.x约等于用不了,一上来报错直接给浏览器报崩了

免费的你还想要啥自行车

自从AI大行其道后,各类插件,辅助工具如雨后春笋般突飞猛进的蹦出

现在还有人用Egret开发小游戏????!!!!

见谅,刚上架有各种问题很正常,欢迎各种吐槽反馈。
这个插件可以优选cocos商店下载,谷歌应用1.0.19版本还在审核。
后续会进行优化改善(永久免费)

[赛道越来越卷] :wink:(Cocos Inspector)

我也来啦
开源
支持PixiJs
shinjiyu/CososInspector

(帖子被作者删除,如无标记将在 24 小时后自动删除)