【cc_debuger_realtime】重磅工具插件,cocoser 必备,免费试用

cc_debuger_realtime一款实时调试插件,通过一个中转服务器,与插入到assets的运行时代码,能实时的监控、修改很多客户端的信息。

本插件不仅仅适用于开发时的调试预览,还适用于已发布的项目,甚至包括线上项目。

免费下载试用:cocos storegithub

那么具体的能实现哪些功能呢,依次列来:

1. 能预览并修改节点树,高度对齐编辑器原生UI的体验

2. 能查看当前所有已加载到内存中的资源,并列举引用计数

3.能预览构建时打包出来的自动图集

4.能预览当前运行时中的动态图集

5.能实时拦截显示客户端的日志

6.能实时的向客户端运行时插入并执行js代码

这一点比较有意思,自由度非常高,非常方便定位疑难杂症

7.能实时的查看客户端的可写目录的文件,并支持同步到本地(native)

一般来说,这是需要测试手机插电脑才能看的信息。特别是当存在缓存问题需要确认时,或者热更新发生错误的时候,这个功能非常有用,,缓存文件不再是黑盒了。

以下截图是用windows测试的,Android和iOS也测试可行。

8.可以控制FPS信息的显示

9.可以查找资源的被引用信息

10.可以查找节点依赖的所有资源

安装注意事项(从cocos store下载的可忽略)

1.下载插件之后,放在cocos creator 根目录下的extensions文件夹下,并命名为cc_debuger_realtime

2.执行npm install

3.到cocos creator编辑器的扩展管理中,启用该插件

使用注意事项

1.确保项目设置的功能裁剪中,勾选了Websocket

10赞

另外再打一波广告 ,这些源码都不错:


本插件会持续更新,大佬们有bug可以在这里反馈,有什么合适的需求也可以在这里提

牛逼,不过我还是喜欢在chrome中调试,因为离不开devtool和profiler

没毛病啊,cc_debuger_realtime也支持与chrome一起调试,甚至默认推荐打开http://localhost:7456
image

不过,这个插件的优势之一就是不局限于DEV环境使用,即使脱离了chrome,即使是已发布的IOS、Android、H5,也一样丝滑使用

补充一点使用说明:

image
构建发布时,可以选择剔除本插件插入的代码;或者不剔除,但是不勾选自动连接插件;
或者自定义插件服务器地址。

这个插件服务器,是用来连通插件和当前项目的运行时的,默认随插件主面板开启/关闭,支持自行部署到远程服务器,并在插件端切换

1赞

牛B113

2.x版本的吗 3.x可以用吗

连不上

这个就是适用于3.x的,2.x的暂未支持

你这个是mac吧?方便贴一下处理器是什么架构吗?可能跟我的架构不一样。。

补充一下,应该是我的mac版构建的有问题,昨晚太晚了我没测试,我重新构建了上传了,更新一下git试试?

替换完server/server后,直接F5即可重启插件

哦哦我看你发在2.x的分类下边,以为只支持2.x

补充一个使用小Tip,可以直接在runtime预览切换spine的动画和改变debug mesh等参数,实时生效。


龙骨动画还没支持切换动画, 漏了,下个版本会加上。

此外:

  • cocos store暂时还没审核通过,所以点击链接进去会发现找不到,大家可以先行从github下载体验;
  • 目前的插件仅适用于cocos3.x,2.x的还未调试完成;

image 还是不行。那个地址好像还填不上

凌晨还在工作的人也是狠

666,不过cocos store链接点不进去,显示作品已下架或不存在

hhhhhhhhh

周六才提审,还没有审核通过,大佬可以通过github 下载体验

那应该还是芯片架构问题,我的电脑是苹果的m3芯片,我找个旧电脑编译一下,可能要今晚了

感谢大佬参与测试,回头送您一份永久激活码:grin:

先点个star,后面再看