Cocos Creator 网页调试工具,运行时查看、修改节点树,实时更新节点属性,可视化显示缓存资源。 https://forum.cocos.org/t/topic/91496
Go to file
potato47 b6febb5a2a
Merge pull request #3 from wheatup/master
增加主题:黑色
2019-04-10 09:46:22 +08:00
css 增加一些遗留部分的css 2019-04-08 19:33:00 +09:00
js 完善treee刷新机制,优化开关显示方式 2019-01-02 20:21:02 +08:00
screenshots 黑色主题预览 2019-04-08 19:36:29 +09:00
config.js 显示组件信息,2.5d节点切换,显示内存等常用部件,更新提醒 2019-01-04 21:27:06 +08:00
index.html add dark mode to match the develop theme 2019-04-08 19:01:53 +09:00
LICENSE Initial commit 2018-12-26 10:26:51 +08:00
README.md update readme 2019-04-08 19:05:43 +09:00
version.json update readme 2019-04-08 19:05:43 +09:00

ccc-devtools v2.1.1

Cocos Creator 网页调试器,运行时查看、修改节点树,实时更新节点属性。

预览

v1.0.0 preview

v1.1.0: 拖拽节点,增加开关

t5

v1.2.0: 控制台输出节点信息

t6

v2.0.0: 节点信息自动同步避免手动刷新。增加组件信息显示。增加内存、FPS、渲染时间显示。更新提醒。

preview2

v2.1.0: 区分手动刷新和自动刷新两种模式手动刷新时支持搜索和拖拽节点添加圈出节点位置功能添加控制台节点树cc.tree();

preview3

v2.1.2: 新增黑色主题 dark-theme

使用

  1. 点击 Creator 右上角进入编辑器 resources 目录,再依次进入static/preview-templates目录

    t1

  2. 将本项目clone到上面的目录下

    t2

  3. 打开index.jade,找到body里最后一个div,在下面添加include ./ccc-devtools/index.html注意用tab键与上面的div对齐

    t3

已知问题

  • 当升级 Cococs Creator 时会清空resources目录需要重新下载配置如自定义了一些配置请做好备份。
  • 开启节点树会增加渲染消耗,非调试阶段请关闭。

需求、更新

https://github.com/potato47/ccc-devtools

如果没有更改源码,可直接在目录下 git pull

本项目依赖以下开源项目

https://github.com/vuejs/vue

https://github.com/ElemeFE/element

https://github.com/iview/iview

https://github.com/FE-Driver/vue-beauty

https://github.com/mrdoob/stats.js