将devtools的代码移植过去

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

@@ -0,0 +1,33 @@
+import Manifest from '../manifest.json'
+import {connectBackground} from "@/devtools/connectBackground";
+import {PluginEvent, Msg, Page} from "@/core/types";
+
+export function init() {
+  if (chrome && chrome.devtools) {
+    // 对应的是Elements面板的边栏
+    chrome.devtools.panels.elements.createSidebarPane('Cocos', function (sidebar) {
+      sidebar.setObject({some_data: "some data to show!"});
+    });
+
+    // 创建devtools-panel
+    chrome.devtools.panels.create("Cocos", "icons/48.png", Manifest.devtools_page, (panel: chrome.devtools.panels.ExtensionPanel) => {
+        console.log("[CC-Inspector] Dev Panel Created!");
+        panel.onShown.addListener((window) => {
+          // 面板显示，查询是否是cocos游戏
+          console.log("panel show");
+          // connectBackground.postMessageToBackground(Msg.Support, null)
+        });
+        panel.onHidden.addListener(() => {
+          // 面板隐藏
+          console.log("panel hide");
+        });
+        panel.onSearch.addListener(function (action, query) {
+          // ctrl+f 查找触发
+          console.log("panel search!");
+        });
+      }
+    );
+  }
+
+}
+