添加了一些log

cc-inspector/src/scripts/content.ts

@@ -9,6 +9,7 @@ class Content {
   private connect: chrome.runtime.Port | null = null;
 
   constructor() {
+    console.log("init content");
     // 接受来自inject.js的消息数据,然后中转到background.js
     window.addEventListener("message", (event) => {
       let data: PluginEvent = event.data;

cc-inspector/src/scripts/terminal.ts

@@ -0,0 +1,19 @@
+export class Terminal {
+  color = 'red';
+  background = 'yellow';
+  tag = 'terminal';
+  constructor(tag: string, color: string = 'red', background: string = 'yellow') {
+    this.color = color;
+    this.background = background;
+    this.tag = tag;
+  }
+  ok() {
+    this.log(`ok`);
+  }
+  log(message: string) {
+    console.log(`%c${this.tag}%c${message}`, `color:${this.color};background:${this.background};padding:0 4px`, "color:black;margin-left:5px")
+  }
+  connect(msg: string) {
+    this.log(`[connect] ${msg}`);
+  }
+}

cc-inspector/src/views/devtools/connectBackground.ts

@@ -2,6 +2,9 @@ import CCP from "cc-plugin/src/ccp/entry-render";
 import { Msg, Page, PluginEvent } from "../../core/types";
 import { TestClient, testServer, TestServer } from "./test/server";
 export type BackgroundCallback = (data: PluginEvent, sender: any) => void;
+if (chrome.devtools) {
+  console.log("chrome devtools")
+}
 class ConnectBackground implements TestClient {
   connect: chrome.runtime.Port | null = null;
   constructor() {

cc-inspector/src/views/devtools/index.vue

@@ -69,7 +69,7 @@ export default defineComponent({
     appStore().init();
     const { config } = storeToRefs(appStore());
     const treeItemData = ref<NodeInfoData | null>({ uuid: "", group: [] });
-    const isShowDebug = ref<boolean>(true);
+    const isShowDebug = ref<boolean>(false);
     const frameID = ref<number>(0);
     const iframes = ref<Array<FrameInfo>>([]);
     const btnRefresh: ButtonGroupItem = reactive<ButtonGroupItem>({
@@ -172,8 +172,7 @@ export default defineComponent({
         }
       });
     }
-    const elTree = ref<HTMLElement>();
+    const elTree = ref<typeof CCTree>();
-
     function _initChromeRuntimeConnect() {
       const msgFunctionMap: Record<string, Function> = {};
       msgFunctionMap[Msg.TreeInfo] = (data: Array<TreeData>) => {
@@ -186,7 +185,7 @@ export default defineComponent({
           updateNodeInfo();
           nextTick(() => {
             if (elTree.value) {
-              elTree.value.setCurrentKey(selectedUUID);
+              elTree.value.handChoose(selectedUUID);
             }
           });
         }
@@ -423,9 +422,13 @@ export default defineComponent({
         matchCase.value = !matchCase.value;
         updateFilterText(filterText);
       },
-      handleNodeClick(data: TreeData) {
+      handleNodeClick(data: TreeData | null) {
+        if (data) {
           selectedUUID = data.id;
           updateNodeInfo();
+        } else {
+          selectedUUID = null;
+        }
       },
       // TODO: 暂时这个版本先不实现
       filterNode(value: any, data: any) {

cc-inspector/src/views/devtools/register-panel.ts

@@ -1,7 +1,5 @@
 import CCP from "cc-plugin/src/ccp/entry-render";
 import { ChromeConst } from "cc-plugin/src/chrome/const";
-import { Msg, Page, PluginEvent } from "../../core/types";
-import { connectBackground } from "./connectBackground";
 export function init() {
   if (chrome && chrome.devtools) {
     // 对应的是Elements面板的边栏

cc-inspector/src/views/devtools/test/test.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="show" class="test">
-    <CCSection name="功能测试">
+    <CCSection name="功能测试" :expand="false">
       <CCButton @click="onClickHasCocosGame">Has CocosGame</CCButton>
       <CCButton @click="onClickNoCocosGame">No CocosGame</CCButton>
       <CCButton @click="onTestTree">init tree data</CCButton>