捡代码论坛-最全的游戏源码下载技术网站!

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
关于源码区的附件失效或欺骗帖, 处理办法捡代码论坛官方微信,不定期分享免费优质资源下载
查看: 513|回复: 1

Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件

[复制链接]

2023

主题

2211

帖子

7万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
73743
QQ
发表于 2017-10-18 14:38:03 | 显示全部楼层 |阅读模式
Egret Inspector是专为使用chrome浏览器的Egret用户开发的插件,安装后,用户就可以直接调试调试Egret 项目,而且是可视化调试,大大降低了操作难度,还可以直接修改属性,并查看效果,是egret用户的必备插件。
Egret Inspector功能介绍
Egret Inspector 是一款Chrome开发者工具插件。
使用 Inspector,你能够穿透 Canvas,用鼠标直接定位显示对象,Inspector会高亮显示对象的边界、坐标。显示列表面板中会显示当前选中对象在显示列表树种的层级,一目了然,UI调试效率显著提升。属性面板会显示当前选中对象的所有属性值,调试更加方便,你还可以直接修改属性,实时查看修改后的效果。
Egret Inspector安装说明
把下载的crx文件拖动到Chrome的扩展工具窗口中。
完成安装的状态。
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 1(46).png

Egret Inspector使用说明
1、用Chrome打开需要检查的项目,打开Chrome开发者工具
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 1(47).png
2、点击面板上的Egret按钮打开Egret Inspector
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 2(9).png
3、鼠标点击游戏场景中的元素,该元素在场景中会被高亮显示,同时Inspector中会显示当前场景中的显示列表树。
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 3(8).png
显示列表面板
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum.png
1、阻止点击事件
当想要检查按钮等点击之后会消失的对象,请勾选“阻止点击动作”选项再进行检查操作。
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(1).png

2、显示鼠标划过的对象
勾选显示列表面板中的“高亮划过对象”选项,然后当鼠标在场景中移动时就会高亮显示鼠标滑过的对象
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(2).png

3、选中点击对象
高亮显示鼠标点击对象,并在属性面板中显示该对象的属性。取消改选项时,将不再跟踪鼠标点击动作
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(3).png

4、刷新按钮
由于在游戏中显示列表树变化频繁,所以Inspector中的显示列表树并不是实时更新的,而是当鼠标点击对象时更新。当你长时间没有点击时,显示列表树可能会与场景中的结构由很大差异导致不能自动更新,这时可以点击刷新按钮开重新加载显示列表树。
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(4).png
5、展开显示列表
在现实列表树中显示对象前方带有 + 号的对象表明含有子元素,可以点击展开。显示对象后面的选框是快速隐藏或者显示该对象的开关方便查看被遮盖的对象
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(5).png

6、搜索在现实列表树下方的搜索框中(快捷键Ctrl/Command + Shift + F)输入 显示对象name或hashCode来搜索
7、存储全局对象
右击显示列表中的对象,点击存储为全局变量,在控制台中将会输出全局变量名和该对象
属性面板
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum(1).png
1、选项开关
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(1)(1).png
列出方法:
在属性列表中显示方法,鼠标经过时会显示方法的内容
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(2)(1).png
列出私有属性:
选择是否显示以下划线开头的属性,并非TS 的private
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(3)(1).png
2、属性编辑
双击属性值,即可编辑属性,回车或者离开输入框提交更改
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(4)(1).png
对于只提供Getter没有Setter方法的属性,不能编辑
Egret Inspector(Chrome开发者工具插件) V2.5.4 官方版 Egret开发插件 捡代码论坛-专业源码分享下载 forum%20(5)(1).png
3、搜索在属性列表下方的搜索框中(快捷键Ctrl/Command + F)输入字符来搜索属性或属性值。
4、存储全局对象
右击属性列表中的项目,点击存储为全局变量,在控制台中将会输出全局变量名和该对象。


下载地址:

游客,如果您要查看本帖隐藏内容请回复




捡代码论坛-最全的游戏源码下载技术网站! - 论坛版权1、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
2、本站所有主题由该帖子作者发表,该帖子作者与捡代码论坛-最全的游戏源码下载技术网站!享有帖子相关版权
3、捡代码论坛版权,详细了解请点击。

回复

使用道具 举报

0

主题

64

帖子

476

积分

中级会员

Rank: 3Rank: 3

积分
476
发表于 2017-12-9 21:06:02 | 显示全部楼层
顶顶顶顶顶顶顶顶
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

技术支持
在线咨询
QQ咨询
3351529868

QQ|RSS订阅|Archiver|手机版|小黑屋|捡代码论坛-专业源码分享下载 ( 陕ICP备15015195号-1|网站地图

GMT+8, 2018-8-20 20:34 , Processed in 0.102185 second(s), 33 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表