egret inspector插件

发布时间: 编辑:chromegood 0人评论 192次浏览 Chrome开发者工具插件
直达下载
摘要 : egret inspector是一款由白鹭时代推出的一款能够帮助开发者可视化地调试Egret项目的插件,用以检查显示对象位置,查看或者编辑对象属性等。

egret inspector插件背景简介

egret是白鹭为开发者提供移动端游戏开发一站式解决方案,建立包含核心渲染引擎2D/3D、游戏开发工具、创意动画工具、资源工具、原生打包方案等全球首个HTML5完整工作流,帮助全球25万+活跃开发者高效开展工作。而小编今天为介绍的就是一款egret inspector插件。

egret inspector插件简介

egret inspector是一款由白鹭时代推出的一款能够帮助开发者可视化地调试Egret项目的插件,用以检查显示对象位置,查看或者编辑对象属性等。使用该插件后你能够穿透 Canvas,用鼠标直接定位显示对象,Inspector 会高亮显示对象的边界、坐标。显示列表面板中会显示当前选中对象在显示列表树种的层级,一目了然,UI调试效率显著提升。属性面板会显示当前选中对象的所有属性值,调试更加方便,你还可以直接修改属性,实时查看修改后的效果。

egret inspector插件简介

egret inspector插件功能

1、支持FPS显示

2、完美支持显示列表面板
3、可阻止点击事件:当想要检查按钮等点击之后会消失的对象,请勾选“阻止点击动作”选项再进行检查操作
4、支持显示鼠标划过的对象:勾选显示列表面板中的“高亮划过对象”选项,然后当鼠标在场景中移动时就会高亮显示鼠标滑过的对象
5、支持刷新按钮:由于在游戏中显示列表树变化频繁,所以Inspector中的显示列表树并不是实时更新的,而是当鼠标点击对象时更新。当你长时间没有点击时,显示列表树可能会与场景中的结构由很大差异导致不能自动更新,这时可以点击刷新按钮开重新加载显示列表树。
6、可展开显示列表:在现实列表树中显示对象前方带有 + 号的对象表明含有子元素,可以点击展开。显示对象后面的选框是快速隐藏或者显示该对象的开关方便查看被遮盖的对象
7、支持搜索在现实列表树下方的搜索框中(快捷键Ctrl/Command + Shift + F)输入 显示对象name或hashCode来搜索
8、支持存储全局对象:右击显示列表中的对象,点击存储为全局变量,在控制台中将会输出全局变量名和该对象

egret inspector插件使用方法

1、egret inspector插件离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。

egret inspector插件使用方法

2、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。

3、插件安装后会出现在浏览器右上方的插件栏中并提示你已安装完成。

egret inspector插件使用方法

4、用Chrome打开需要检查的项目,打开Chrome开发者工具。

egret inspector插件使用方法

5、点击面板上的Egret按钮打开egret inspector插件。

egret inspector插件使用方法

6、勾选显示列表面板中的“高亮划过对象”选项,然后当鼠标在场景中移动时就会高亮显示鼠标滑过的对象,同时Inspector中会显示当前场景中的显示列表树。

egret inspector插件使用方法

7、当想要检查按钮等点击之后会消失的对象,请勾选“阻止点击动作”选项再进行检查操作。

egret inspector插件使用方法

8、当你长时间没有点击时,显示列表树可能会与场景中的结构由很大差异导致不能自动更新,这时可以点击刷新按钮开重新加载显示列表树。

egret inspector插件使用方法

9、在现实列表树中显示对象前方带有 + 号的对象表明含有子元素,可以点击展开。显示对象后面的选框是快速隐藏或者显示该对象的开关方便查看被遮盖的对象

egret inspector插件使用方法

egret inspector插件联系方式

提供方: Egret Tool Team

查看更多

egret inspector插件下载地址

点击下载egret inspector插件

转载必须注明来自: Chrome插件 » egret inspector插件

基于REST的Web服务客户端

基于REST的Web服务客户端

3 人评论 61316 次人浏览 3.0分 3.0 分
基于REST的Web服务客户端是一款可以使用Chrome插件来模拟REST请求来测试REST风格的web Api的谷歌浏览器插件。
开发常用工具(Develop Tools)

开发常用工具(Develop Tools)

0 人评论 14364 次人浏览 3.0分 3.0 分
开发常用工具(Develop Tools)是一款可以为我们提供一些常用的开发工具的插件。比如Unix时间戳、URL编码/解码、汉字转换拼音、ip地址查询、加密(MD5,MD4,SHA1)、BASE64编码/解码等,它能够辅助一些网页开发人员进行编程工作。
AngularJS Batarang - Angular调试插件

AngularJS Batarang - Angular调试插件

0 人评论 7360 次人浏览 2.3分 2.3 分
angularjs batarang插件是一款功能强大的可以安装到谷歌浏览器上使用的Angular调试插件,安装使用这款angularjs batarang插件可以让你在开发过程中更加便捷。
AlloyDesigner - 前端开发工具

AlloyDesigner - 前端开发工具

0 人评论 8089 次人浏览 3.0分 3.0 分
AlloyDesigner是一款免费的web前端开发工具,它可以直接嵌入你的Web页面中运行,帮助你精准、高效的构建Web页面的UI。
Brackets - 一款免费的前端开发工具

Brackets - 一款免费的前端开发工具

0 人评论 1747 次人浏览 3.0分 3.0 分
Brackets是一款现代化的文本编辑器,具有集中的可视化工具和预处理器支持,可轻松在浏览器中进行设计。它是专为网页设计师和前端开发人员设计的。
Web Maker插件 - 前端代码编辑

Web Maker插件 - 前端代码编辑

0 人评论 209 次人浏览 3.0分 3.0 分
Web Maker插件是一款可以快速在浏览器上打开并编写网页代码的chrome插件。它可以将我们浏览器的选项卡(可选) 转换成 web 编译器,我们可以在其中编写 HTML、CSS 和 JavaScript,同时还可以实时预览页面效果,支持离线使用。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?