cc-inspector-chrome/README.zh.md
2025-02-07 10:30:11 +08:00

2.9 KiB
Raw Permalink Blame History

这是一个免费的扩展,开箱即用,无须任何额外的安装,可以帮助你调试🦆CocosCreator🐤制作的游戏,显示游戏运行的节点树,以及节点树的组件属性,在排查游戏问题时,非常有帮助。

调试面板左侧为层级管理器用于展示游戏的节点树右侧为属性检查器用于展示节点的详细属性可以灵活调整2个面板的宽度。

为什么选择该插件?

1😍免费开源 2💯支持所有CocosCreator版本 3🤟功能丰富强大满足开发游戏的常用Inspect需求 4💻与Chrome浏览器深度融合开箱即用 5💁‍♂️作者本人也在使用,迭代更新频繁

🍉特点:

1同时支持调试Creator2.x和Creator3.x制作的Cocos游戏。 2层级管理器、属性检查器支持自动/手动刷新。 3制作的游戏在iframe嵌套同样也支持调试并且支持自由切换调试目标。

🍎层级管理器:展示游戏的节点树 1滑过、选中节点时,游戏内高亮显示节点位置,便于观察节点位置。 2支持使用上下左右方向键快速折叠、展开、选中节点树。 3支持使用空格快捷键,控制节点的显示隐藏。 4右键选择destroy销毁某个节点。 5🔍支持模糊搜索节点,按照路径搜索节点,查找更方便。 6显示Sprite、Label、Button等类型节点预制节点绿色标记观察节点结构非常方便。

🍏属性检查器:展示节点的详细属性 1如果属性引用了节点,支持在节点树中高亮显示引用。 2支持属性精简显示和全部显示,方便在不同情况下观察属性。 3支持鼠标拖拉调整数值,在调整坐标时,非常方便。 4支持在控制台打印组件,方便观察全貌。

🗡️调试小助手:在游戏的网页中显示增强功能的入口 1支持fps显隐游戏暂停步进等控制。 2支持拖拽调整位置、自动隐藏,不干扰用户。 3支持在游戏界面拾取节点,节点信息会同步选中到层级管理器和属性检查器。 4支持按照类型拾取节点,支持展示鼠标位置的所有节点。 5支持快捷键一键拾取节点,使用起来极度丝滑。

🚀更多完整功能动态图演示,请查看: https://juejin.cn/post/7463836172559024179

🧙‍♂️Cocos论坛 https://forum.cocos.org/t/topic/164888 🏠插件官网: https://tidys.github.io/cc-inspector-chrome/inspector.html 🌈github开源地址 https://github.com/tidys/cc-inspector-chrome 📺BiliBili视频介绍 https://www.bilibili.com/video/BV1jzcHeSEh3/ 📺YouTube视频介绍 https://www.youtube.com/watch?v=ajMz3zEFTA8

❤️如果你喜欢该插件,请分享给你的朋友。

🎁如果可以在CocosStore支持我一下 https://store.cocos.com/app/detail/2002