Egret Inspector(Chrome开发者工具插件)

system

egret inspector是一款免费的chrome插件工具。这个插件程序可以直接穿透canvas，在电脑上安装完成后，就可以对egret项目进行调试设置。如果大家不清楚该如何操作使用，不要着急，小编专门提供了详细的图文安装使用步骤。敬请下载！
官方介绍
egret inspector是一款chrome开发者工具插件。用鼠标直接定位显示对象，inspector会高亮显示对象的边界、坐标。显示列表面板中会显示当前选中对象在显示列表树种的层级，一目了然，ui调试效率显着提升。属性面板会显示当前选中对象的所有属性值，调试更加方便，你还可以直接修改属性，实时查看修改后的效果。 详细安装使用教程： #
egret inspector安装教程：
1、从绿色资源网站下载最新版本的egret inspector安装程序；

打开chrome，转到chrome扩展工具页 （可以直接输入chrome://extensions/ 打开）。

把下载的crx文件拖动到chrome的扩展工具窗口中；




2、点击确定安装




3、安装完成的状态：




4、为保证工具可用，请重新启动浏览器！
egret inspector使用教程：
1、用chrome打开需要检查的项目，打开chrome开发者工具




2、点击面板上的egret按钮打开egret inspector




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



egret inspector更新日志：
egret inspector 2.5.4

【新增】支持 egret engine 2.5 publish 版本

点击下载

egret inspector 2.5.3

【新增】支持2.5.x引擎项目，同时支持gui，eui，非gui项目

点击下载

egret inspector 1.0.1

【新特性】显示列表面板中会显示当前选中对象在显示列表树种的层级，一目了然，ui调试效率显着提升。

【新特性】使用 inspector，你能够穿透 canvas，用鼠标直接定位显示对象，inspector会高亮显示对象的边界、坐标。

【新特性】属性面板会显示当前选中对象的所有属性值，调试更加方便，你还可以直接修改属性，实时查看修改后的效果。

https://blog.51cto.com/u_16099270/9147646