Egret Inspector是一款非方便實(shí)用的Chrome開(kāi)發(fā)者工具插件。你需要開(kāi)發(fā)者工具插件嗎？小編今天為您提供了這款Egret Inspector。該軟件可以幫助用戶可視化地調(diào)試Egret項(xiàng)目，運(yùn)行內(nèi)存小，使用起來(lái)也非常的簡(jiǎn)單，有需要的歡迎下載使用！

軟件介紹

Egret Inspector是由白鷺時(shí)代軟件公司推出的一款功能強(qiáng)大的一款Chrome開(kāi)發(fā)者工具插件。使用 Inspector，你能夠穿透 Canvas，用鼠標(biāo)直接定位顯示對(duì)象，Inspector會(huì)高亮顯示對(duì)象的邊界、坐標(biāo)。顯示列表面板中會(huì)顯示當(dāng)前選中對(duì)象在顯示列表樹(shù)種的層級(jí)，一目了然，UI調(diào)試效率顯著提升。屬性面板會(huì)顯示當(dāng)前選中對(duì)象的所有屬性值，調(diào)試更加方便，你還可以直接修改屬性，實(shí)時(shí)查看修改后的效果。不僅如此，它還支持FPS顯示、支持阻止點(diǎn)擊事件、刷新按鈕以及存儲(chǔ)全局對(duì)象等功能，對(duì)開(kāi)發(fā)者來(lái)說(shuō)非常的實(shí)用。

軟件功能

一、面板詳解
支持FPS顯示
完美支持顯示列表面板
1、阻止點(diǎn)擊事件
當(dāng)想要檢查按鈕等點(diǎn)擊之后會(huì)消失的對(duì)象，請(qǐng)勾選阻止點(diǎn)擊動(dòng)作選項(xiàng)再進(jìn)行檢查操作。
2、顯示鼠標(biāo)劃過(guò)的對(duì)象
勾選顯示列表面板中的高亮劃過(guò)對(duì)象選項(xiàng)，然后當(dāng)鼠標(biāo)在場(chǎng)景中移動(dòng)時(shí)就會(huì)高亮顯示鼠標(biāo)滑過(guò)的對(duì)象
3、選中點(diǎn)擊對(duì)象
高亮顯示鼠標(biāo)點(diǎn)擊對(duì)象，并在屬性面板中顯示該對(duì)象的屬性。取消改選項(xiàng)時(shí)，將不再跟蹤鼠標(biāo)點(diǎn)擊動(dòng)作
4、刷新按鈕
由于在游戲中顯示列表樹(shù)變化頻繁，所以Inspector中的顯示列表樹(shù)并不是實(shí)時(shí)更新的，而是當(dāng)鼠標(biāo)點(diǎn)擊對(duì)象時(shí)更新。當(dāng)你長(zhǎng)時(shí)間沒(méi)有點(diǎn)擊時(shí)，顯示列表樹(shù)可能會(huì)與場(chǎng)景中的結(jié)構(gòu)由很大差異導(dǎo)致不能自動(dòng)更新，這時(shí)可以點(diǎn)擊刷新按鈕開(kāi)重新加載顯示列表樹(shù)。
5、展開(kāi)顯示列表
在現(xiàn)實(shí)列表樹(shù)中顯示對(duì)象前方帶有 + 號(hào)的對(duì)象表明含有子元素，可以點(diǎn)擊展開(kāi)。顯示對(duì)象后面的選框是快速隱藏或者顯示該對(duì)象的開(kāi)關(guān)方便查看被遮蓋的對(duì)象
6、搜索在現(xiàn)實(shí)列表樹(shù)下方的搜索框中(快捷鍵Ctrl/Command + Shift + F)輸入 顯示對(duì)象name或hashCode來(lái)搜索
7、存儲(chǔ)全局對(duì)象
右擊顯示列表中的對(duì)象，點(diǎn)擊存儲(chǔ)為全局變量，在控制臺(tái)中將會(huì)輸出全局變量名和該對(duì)象

二、屬性面板
1、選項(xiàng)開(kāi)關(guān)
在屬性列表中顯示方法，鼠標(biāo)經(jīng)過(guò)時(shí)會(huì)顯示方法的內(nèi)容
列出私有屬性：
選擇是否顯示以下劃線開(kāi)頭的屬性，并非TS 的private
2、屬性編輯
雙擊屬性值，即可編輯屬性，回車或者離開(kāi)輸入框提交更改
對(duì)于只提供Getter沒(méi)有Setter方法的屬性，不能編輯
3、搜索在屬性列表下方的搜索框中(快捷鍵Ctrl/Command + F)輸入字符來(lái)搜索屬性或?qū)傩灾?br /> 4、存儲(chǔ)全局對(duì)象
右擊屬性列表中的項(xiàng)目，點(diǎn)擊存儲(chǔ)為全局變量，在控制臺(tái)中將會(huì)輸出全局變量名和該對(duì)象

使用方法

1、用Chrome打開(kāi)需要檢查的項(xiàng)目，打開(kāi)Chrome開(kāi)發(fā)者工具
2、點(diǎn)擊面板上的Egret按鈕打開(kāi)Egret Inspector
3、鼠標(biāo)點(diǎn)擊游戲場(chǎng)景中的元素，該元素在場(chǎng)景中會(huì)被高亮顯示，同時(shí)Inspector中會(huì)顯示當(dāng)前場(chǎng)景中的顯示列表樹(shù)

安裝教程

1、下載Egret Inspector安裝程序，然后把下載的crx文件拖動(dòng)到Chrome的擴(kuò)展工具窗口中。
點(diǎn)擊Add確定安裝。
3、安裝完成。

更新日志

【新特性】使用 Inspector，你能夠穿透 Canvas，用鼠標(biāo)直接定位顯示對(duì)象，Inspector會(huì)高亮顯示對(duì)象的邊界、坐標(biāo)。
【新特性】顯示列表面板中會(huì)顯示當(dāng)前選中對(duì)象在顯示列表樹(shù)種的層級(jí)，一目了然，UI調(diào)試效率顯著提升。
【新特性】屬性面板會(huì)顯示當(dāng)前選中對(duì)象的所有屬性值，調(diào)試更加方便，你還可以直接修改屬性，實(shí)時(shí)查看修改后的效果。
【新增】支持2.5.x引擎項(xiàng)目，同時(shí)支持gui，eui，非gui項(xiàng)目。
【新增】支持 Egret Engine 2.5 publish 版本。
【更新】更改了插件的安裝方式，chrome 63版本以后要使用擴(kuò)展中的開(kāi)發(fā)者模式安裝。