From d2800bc24ae9a68eaa2b838e933d4fc867985b4b Mon Sep 17 00:00:00 2001 From: xu_yanfeng Date: Fri, 7 Feb 2025 10:30:11 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96readme?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.zh.md | 57 +++++++++++++++++++++++++++++++++++++++++----------- 1 file changed, 45 insertions(+), 12 deletions(-) diff --git a/README.zh.md b/README.zh.md index 053adfc..8336cd1 100644 --- a/README.zh.md +++ b/README.zh.md @@ -1,16 +1,49 @@ -这是一个免费的扩展，开箱即用，无须任何额外的安装，可以帮助你调试CocosCreator制作的游戏，显示游戏运行的节点树，以及节点树的组件属性，在排查游戏问题时，非常有帮助。 +这是一个免费的扩展，开箱即用，无须任何额外的安装，可以帮助你调试🦆CocosCreator🐤制作的游戏，显示游戏运行的节点树，以及节点树的组件属性，在排查游戏问题时，非常有帮助。 调试面板左侧为层级管理器，用于展示游戏的节点树，右侧为属性检查器，用于展示节点的详细属性，可以灵活调整2个面板的宽度。 +## 为什么选择该插件？ -## 特点： -- 插件自动检索刷新节点树及其状态 -- 制作的游戏在iframe嵌套，同样也支持调试，并且支持自由切换调试目标。 -- 同时支持调试Creator2.x和Creator3.x制作的Cocos游戏。 -- 在层级管理器中，支持使用上下左右方向键快速折叠、展开、选中节点树。 -- 在层级管理器中，支持使用空格快捷键，控制节点的显示隐藏。 -- 在层级管理器中，可以右键选择`destroy`销毁某个节点。 -- 属性检查器中如果属性引用了节点，支持在节点树中高亮显示引用。 -- 属性检查器支持属性精简显示和全部显示，方便在不同情况下观察属性。 -- 属性支持鼠标拖拉调整数值，在调整坐标时，非常方便。 -- 支持在控制台打印组件，方便观察全貌。 +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 \ No newline at end of file