egret inspector(Chrome浏览器插件)

egret inspector(Chrome浏览器插件)是一款由白鹭时代推出的强大的能够帮助开发者可视化地调试Egret项目的插件。

软件截图1

基本简介

Egret Inspector 是一款 供Chrome 开发者使用的插件，能够帮助开发者可视化地调试 Egret 项目。

使用 Inspector，你能够穿透 Canvas，用鼠标直接定位显示对象，Inspector 会高亮显示对象的边界、坐标。显示列表面板中会显示当前选中对象在显示列表树种的层级，一目了然，UI调试效率显著提升。属性面板会显示当前选中对象的所有属性值，调试更加方便，你还可以直接修改属性，实时查看修改后的效果。

安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.松开鼠标就可以把当前正在拖动的插件安装到谷歌浏览器中去，但是谷歌考虑用户的安全隐私，在用户松开鼠标后还会给予用户一个确认安装的提示。

5.用户这时候只需要点击添加按钮就可以把该离线Chrome插件安装到谷歌浏览器中去，安装成功以后该插件会立即显示在浏览器右上角（如果有插件按钮的话），如果没有插件按钮的话，用户还可以通过Chrome扩展管理器找到已经安装的插件。

用户只需要通过上面介绍的五个步骤就可以轻松地把离线谷歌浏览器插件安装到Chrome中去，希望这个离线Chrome插件的安装方法能够帮助到您。

使用方法

1、用Chrome打开需要检查的项目，打开Chrome开发者工具

软件截图2

2、点击面板上的Egret按钮打开Egret Inspector

软件截图3

3、鼠标点击游戏场景中的元素，该元素在场景中会被高亮显示，同时Inspector中会显示当前场景中的显示列表树。

软件截图4

面板展示

fps显示

软件截图10

显示列表面板

软件截图11

更新日志

【新增】支持 Egret Engine 2.5 publish 版本