神器進化歸來！「外掛小王子」

xu_yanfeng

釋出了節點樹預覽除錯 chrome 外掛

CC_Inspector

v2.0.0

，完美支援

所有版本

的 Cocos Creator，方便開發者在 chrome 瀏覽器中除錯執行的 Creator 遊戲。

CC_Inspector

資源連結

https：//store。cocos。com/app/detail/2002

使用說明文件

https：//tidys。gitee。io/doc/#/docs/cc-inspector-v1/README

影片演示

https：//www。bilibili。com/video/BV1Wq4y1u7Fj/

功能與更新

CC_Inspector 是一款可以

除錯檢視遊戲執行時節點樹結構的 chrome 外掛

。圍繞著核心功能，外掛提供了預覽遊戲視窗、節點樹列表視窗、節點資訊視窗。

在最新的 v2。0。0 中，外掛再度最佳化更新了功能：

支援

所有

的 Creator 版本，是的，就連

v4.x

的適配都做了；

增加節點樹的查詢過濾，匹配大小寫功能；

優化了節點元件的展示，雖然現在看起來也很醜；

優化了資料的顯示，儘可能友好的展示資料：

對於 Object 和 Array 的資料，借鑑了 chrome console 的展示方式，支援迴圈巢狀的物件資料展示；

對於 engine 型別的資料，目前會區分顯示，暫時沒有做過多的功能挖掘。

後續規劃

後續版本將會把重心放在支援 App Inspect 的需求上。

視情況，滿足部分更高階的 3D 除錯功能。

目前程式碼不再開源，有需求儘管提給我即可。

不過也有可能沒有後續，這個版本算是對自己的一個交代，念念不忘前後做了好長時間。

一些碎碎念

製作這款外掛，要追溯到2017年11月。當時帶新人，發現剛入門的開發者在除錯遊戲時，沒有趁手的工具協助排查，在不熟悉程式碼的情況下，解決問題非常耗時。

當時看到其他引擎都有 inspector 類似的輔助功能，所以就萌生了開發個 chrome 外掛的想法，挑戰一下。經過2個月的摸索，在2018年01月，釋出了 CC_Inspector 的第一個版本。不過後續沒有再進行迭代的一個重要原因就是：

我一直沒有想好如何適配所有的 Creator 版本。

在這期間，我釋出了 inspector 的 Creator 外掛版本，chrome 外掛商店、論壇上也慢慢出現了更多 inspector 外掛，感覺自己播下的種子，遍地開花，還是非常有點小驕傲呢。

時間一晃，又2年時間過去了，2年的時間裡，我大部分時間都是在使用 chrome 外掛商店的那個版本，因為都是輕度使用，我也懶得維護我最初的版本。

今年4月，因為參與的專案原因，我越來越發現我必須重構那個塵封已久的 inspector，把它改造的更加完美順手。而且經過這幾年的技術磨鍊，我對 web 前端也算是順手拈來了，也有能力把這個外掛改造的像模像樣了。

在某位群友的每日催更的壓力之下，我終於在前幾日釋出了 v2。0。0 的第一個版本，並且

完美支援所有的 Creator 版本

。

時光荏苒，從2017年11月寫下第一行程式碼，到現在2021年11月，已經過去整整4年，感慨頗多，是什麼讓我年年不忘這件事，可能，是生活吧！

歡迎關注、留言交流哦！