Egret Inspector官方版 v2.5.5 最新版Chrome開發(fā)者工具插件

Egret Inspector官方版是一款非常優(yōu)秀的Chrome開發(fā)者工具插件，該軟件運行內(nèi)存小，使用起來也非常的簡單，有需要的歡迎下載使用！

軟件介紹

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

軟件功能

一、面板詳解

支持FPS顯示

完美支持顯示列表面板

1、阻止點擊事件

當(dāng)想要檢查按鈕等點擊之后會消失的對象，請勾選“阻止點擊動作”選項再進行檢查操作。

2、顯示鼠標(biāo)劃過的對象

勾選顯示列表面板中的“高亮劃過對象”選項，然后當(dāng)鼠標(biāo)在場景中移動時就會高亮顯示鼠標(biāo)滑過的對象

3、選中點擊對象

高亮顯示鼠標(biāo)點擊對象，并在屬性面板中顯示該對象的屬性。取消改選項時，將不再跟蹤鼠標(biāo)點擊動作

4、刷新按鈕

由于在游戲中顯示列表樹變化頻繁，所以Inspector中的顯示列表樹并不是實時更新的，而是當(dāng)鼠標(biāo)點擊對象時更新。當(dāng)你長時間沒有點擊時，顯示列表樹可能會與場景中的結(jié)構(gòu)由很大差異導(dǎo)致不能自動更新，這時可以點擊刷新按鈕開重新加載顯示列表樹。

5、展開顯示列表

在現(xiàn)實列表樹中顯示對象前方帶有 + 號的對象表明含有子元素，可以點擊展開。顯示對象后面的選框是快速隱藏或者顯示該對象的開關(guān)方便查看被遮蓋的對象

6、搜索在現(xiàn)實列表樹下方的搜索框中(快捷鍵Ctrl/Command + Shift + F)輸入 顯示對象name或hashCode來搜索

7、存儲全局對象

右擊顯示列表中的對象，點擊存儲為全局變量，在控制臺中將會輸出全局變量名和該對象

二、屬性面板

1、選項開關(guān)

在屬性列表中顯示方法，鼠標(biāo)經(jīng)過時會顯示方法的內(nèi)容

列出私有屬性：

選擇是否顯示以下劃線開頭的屬性，并非TS 的private

2、屬性編輯

雙擊屬性值，即可編輯屬性，回車或者離開輸入框提交更改

對于只提供Getter沒有Setter方法的屬性，不能編輯

3、搜索在屬性列表下方的搜索框中(快捷鍵Ctrl/Command + F)輸入字符來搜索屬性或?qū)傩灾?/p>

4、存儲全局對象

右擊屬性列表中的項目，點擊存儲為全局變量，在控制臺中將會輸出全局變量名和該對象

Egret Inspector安裝教程

1、下載Egret Inspector安裝程序，然后把下載的crx文件拖動到Chrome的擴展工具窗口中。

2、點擊Add確定安裝。

3、安裝完成。

使用方法

1、用Chrome打開需要檢查的項目，打開Chrome開發(fā)者工具

2、點擊面板上的Egret按鈕打開Egret Inspector

3、鼠標(biāo)點擊游戲場景中的元素，該元素在場景中會被高亮顯示，同時Inspector中會顯示當(dāng)前場景中的顯示列表樹

更新日志

【新特性】使用 Inspector，你能夠穿透 Canvas，用鼠標(biāo)直接定位顯示對象，Inspector會高亮顯示對象的邊界、坐標(biāo)。

【新特性】顯示列表面板中會顯示當(dāng)前選中對象在顯示列表樹種的層級，一目了然，UI調(diào)試效率顯著提升。

【新特性】屬性面板會顯示當(dāng)前選中對象的所有屬性值，調(diào)試更加方便，你還可以直接修改屬性，實時查看修改后的效果。

【新增】支持2.5.x引擎項目，同時支持gui，eui，非gui項目。

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

【更新】更改了插件的安裝方式，chrome 63版本以后要使用擴展中的開發(fā)者模式安裝。