mirror of
https://github.com/tidys/cc-inspector-chrome
synced 2025-04-20 17:08:41 +00:00
doc
This commit is contained in:
parent
7ff2613309
commit
62330440dc
15
cc-inspector/README.en.md
Normal file
15
cc-inspector/README.en.md
Normal 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.
|
@ -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
16
cc-inspector/README.zh.md
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
这是一个免费的扩展,开箱即用,无须任何额外的安装,可以帮助你调试CocosCreator制作的游戏,显示游戏运行的节点树,以及节点树的组件属性,在排查游戏问题时,非常有帮助。
|
||||||
|
|
||||||
|
调试面板左侧为层级管理器,用于展示游戏的节点树,右侧为属性检查器,用于展示节点的详细属性,可以灵活调整2个面板的宽度。
|
||||||
|
|
||||||
|
|
||||||
|
## 特点:
|
||||||
|
- 插件自动检索刷新节点树及其状态
|
||||||
|
- 制作的游戏在iframe嵌套,同样也支持调试,并且支持自由切换调试目标。
|
||||||
|
- 同时支持调试Creator2.x和Creator3.x制作的Cocos游戏。
|
||||||
|
- 在层级管理器中,支持使用上下左右方向键快速折叠、展开、选中节点树。
|
||||||
|
- 在层级管理器中,支持使用空格快捷键,控制节点的显示隐藏。
|
||||||
|
- 在层级管理器中,可以右键选择`destroy`销毁某个节点。
|
||||||
|
- 属性检查器中如果属性引用了节点,支持在节点树中高亮显示引用。
|
||||||
|
- 属性检查器支持属性精简显示和全部显示,方便在不同情况下观察属性。
|
||||||
|
- 属性支持鼠标拖拉调整数值,在调整坐标时,非常方便。
|
||||||
|
- 支持在控制台打印组件,方便观察全貌。
|
@ -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",
|
||||||
|
BIN
cc-inspector/doc/Marquee.jpg
Normal file
BIN
cc-inspector/doc/Marquee.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 133 KiB |
BIN
cc-inspector/doc/scene3.jpg
Normal file
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
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
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
BIN
cc-inspector/doc/small.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
Loading…
x
Reference in New Issue
Block a user