Cocos论坛帖子链接:chrome版本cc-inspector插件开源 - Store - Cocos中文社区
几年之前就使用过,但是当时有很多广告,所以弃用了。虽然作者也要吃饭的,但是广告在那动来动去的,确实影响了开发。
现在作者把广告去掉了,还增加了很多实用功能,非常棒的作者。
一 简介
二 安装cc-inspector
三 具体功能介绍
这是一个浏览器插件,可以在浏览器中查看游戏的树节点,方便调试。

在chrome、edge、QQ浏览器中均可安装。下面以chrome浏览器为例。
1 在Chrome浏览器右上角点击三个点的设置。
2 选择扩展 - 管理扩展,输入搜索 cc-inspector。
3 如果没有,则点击在Chrome应用商店中查找扩展程序和主题背景。

4 在chrome应用商店搜索cc-inspector后,点击添加至chrome。

5 打开任意游戏,按F12打开开发者工具,就可以在右侧菜单中看到cc-inspctor插件了。(如果没有,需要重启下浏览器)

高亮节点树对应图片,鼠标悬停在节点树上时,会高亮对应的节点。

查看脚本名称,节点右侧有TS说明绑定了脚本,鼠标悬停在TS上可以查看绑定了什么脚本。

查看drawcall,在任意位置右键,选择drawcall,节点左侧会显示drawcall数量。

其它详细功能可看作者网址:cocos creator inspector:chrome插件功能介绍插件介绍 这是一个免费的Chrome扩展,开箱即 - 掘金
