This commit is contained in:
xu_yanfeng 2025-01-10 20:25:25 +08:00
parent 7ff2613309
commit 62330440dc
9 changed files with 39 additions and 2 deletions

15
cc-inspector/README.en.md Normal file
View File

@ -0,0 +1,15 @@
This is a free extension that works out of the box without any additional installation. It can help you debug games made by CocosCreator, display the node tree of the game, and the component properties of the node tree, which is very helpful when troubleshooting game problems.
On the left side of the debug panel is the hierarchy manager, which is used to display the node tree of the game, and on the right side is the property inspector, which is used to display the detailed properties of the node. The width of the two panels can be flexibly adjusted.
## Features:
- The extension automatically retrieves and refreshes the node tree and its status
- The game made is nested in iframe, and debugging is also supported, and the debugging target can be switched freely.
- It also supports debugging Cocos games made by Creator2.x and Creator3.x.
- In the hierarchy manager, you can use the up, down, left, and right arrow keys to quickly fold, expand, and select the node tree.
- In the hierarchy manager, you can use the space shortcut key to control the display and hiding of nodes.
- In the hierarchy manager, you can right-click and select `destroy` to destroy a node.
- In the property inspector, if the attribute references a node, the reference can be highlighted in the node tree.
- The property inspector supports simplified and full display of properties, which is convenient for observing properties in different situations.
- The properties support adjusting the value by dragging the mouse, which is very convenient when adjusting the coordinates.
- Supports printing components in the console, which is convenient for observing the whole picture.

View File

@ -1,3 +1,9 @@
对应的测视例网站: 对应的测视例网站:
https://tidys.github.io/creator-test-cases/ https://tidys.github.io/creator-test-cases/
- youtube: https://www.youtube.com/watch?v=ajMz3zEFTA8
- chrome: https://chromewebstore.google.com/detail/cc-inspector/hejbkamkfnkifppoaljcidepkhgaahcj?hl=zh-CN&utm_source=ext_sidebar
- bilibili: https://www.bilibili.com/video/BV1jzcHeSEh3/
- store: https://store.cocos.com/app/detail/2002
- github: https://github.com/tidys/cc-inspector-chrome

16
cc-inspector/README.zh.md Normal file
View File

@ -0,0 +1,16 @@
这是一个免费的扩展开箱即用无须任何额外的安装可以帮助你调试CocosCreator制作的游戏显示游戏运行的节点树以及节点树的组件属性在排查游戏问题时非常有帮助。
调试面板左侧为层级管理器用于展示游戏的节点树右侧为属性检查器用于展示节点的详细属性可以灵活调整2个面板的宽度。
## 特点:
- 插件自动检索刷新节点树及其状态
- 制作的游戏在iframe嵌套同样也支持调试并且支持自由切换调试目标。
- 同时支持调试Creator2.x和Creator3.x制作的Cocos游戏。
- 在层级管理器中,支持使用上下左右方向键快速折叠、展开、选中节点树。
- 在层级管理器中,支持使用空格快捷键,控制节点的显示隐藏。
- 在层级管理器中,可以右键选择`destroy`销毁某个节点。
- 属性检查器中如果属性引用了节点,支持在节点树中高亮显示引用。
- 属性检查器支持属性精简显示和全部显示,方便在不同情况下观察属性。
- 属性支持鼠标拖拉调整数值,在调整坐标时,非常方便。
- 支持在控制台打印组件,方便观察全貌。

View File

@ -9,7 +9,7 @@ function i18n(key: string) {
const manifest: CocosPluginManifest = { const manifest: CocosPluginManifest = {
name: pkgName, name: pkgName,
version: "2.1.0", version: "2.1.1",
description: "cc-inspector desc", description: "cc-inspector desc",
author: "xu_yanfeng", author: "xu_yanfeng",
main: "./src/main.ts", main: "./src/main.ts",

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB

BIN
cc-inspector/doc/scene3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

BIN
cc-inspector/doc/scene4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 252 KiB

BIN
cc-inspector/doc/scene5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

BIN
cc-inspector/doc/small.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB