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

import { ChromeConst } from "cc-plugin/src/chrome/const";
import { connectBackground } from "./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", ChromeConst.html.devtools, (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!");
      });
    }
    );
  }
}