mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-04-12 05:01:03 +00:00
49 lines
2.9 KiB
Markdown
49 lines
2.9 KiB
Markdown
这是一个免费的扩展，开箱即用，无须任何额外的安装，可以帮助你调试🦆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 |