调整

2025-10-23 01:55:25 +00:00 · 2021-04-02 21:50:55 +08:00
parent 0a4c732112
commit 6a957c34a1
36 changed files with 133 additions and 39 deletions
--- a/source/src/core/content.js
+++ b/source/src/core/content.js
@@ -0,0 +1,57 @@
+// 具有操作dom的能力
+// 加载其他脚本
+// content.js 和原始界面共享DOM,但是不共享js,要想访问页面js,只能通过注入的方式
+const PluginMsg = require("../core/plugin-msg");
+
+function injectScriptToPage(url) {
+  let content = chrome.extension.getURL(url)
+  console.log(`[cc-inspector]注入脚本:${content}`);
+  let script = document.createElement('script')
+  script.setAttribute('type', 'text/javascript')
+  script.setAttribute('src', content)
+  script.onload = function () {
+    // 注入脚本执行完后移除掉
+    this.parentNode.removeChild(this);
+  }
+  document.body.appendChild(script)
+}
+
+injectScriptToPage("js/inject.js");
+
+// 和background.js保持长连接通讯
+let conn = chrome.runtime.connect({name: PluginMsg.Page.Content})
+// conn.postMessage('test');
+conn.onMessage.addListener(function (data) {
+  // 将background.js的消息返回到injection.js
+  window.postMessage(data, "*");
+})
+// 接受来自inject.js的消息数据,然后中转到background.js
+window.addEventListener('message', function (event) {
+  let data = event.data;
+  if (data.data.log) {
+  }
+  console.log(`%c[content] ${JSON.stringify(data)}`, "color:#BD4E19");
+  chrome.runtime.sendMessage(data);
+}, false);
+
+
+let gameCanvas = document.querySelector("#GameCanvas");
+if (gameCanvas) {
+  // console.log('find GameCanvas element');
+  // gameCanvas.addEventListener('click', function () {
+  //   console.log("click canvas");
+  // });
+  // gameCanvas.style.display = 'none';
+} else {
+  // console.log("can't find GameCanvas element");
+  // 和background.js保持短连接通讯
+  chrome.runtime.sendMessage({
+    msg: PluginMsg.Msg.Support,
+    data: {
+      support: false,
+      msg: "未发现GameCanvas,不支持调试游戏!"
+    }
+  }, function (data) {
+    // console.log(data)
+  });
+}
--- a/source/src/core/event-mgr.js
+++ b/source/src/core/event-mgr.js
@@ -0,0 +1,7 @@
+// const PluginMsg = require("./plugin-msg");
+// module.exports = {
+//   id: "event-mgr",
+//   testInit(name) {
+//     chrome.runtime.connect({name: name})
+//   }
+// }
--- a/source/src/core/event.js
+++ b/source/src/core/event.js
@@ -0,0 +1,3 @@
+module.exports = {
+  id: "event-id",
+}
--- a/source/src/core/page.ejs
+++ b/source/src/core/page.ejs
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html style="width: 100%;height: 100%;">
+<head>
+  <meta charset="utf-8">
+  <title><%= htmlWebpackPlugin.options.title %></title>
+</head>
+<body style="width: 100%;height: 100%;">
+<div id="app" style="width: 100%;height: 100%;"></div>
+</body>
+</html>
--- a/source/src/core/plugin-msg.js
+++ b/source/src/core/plugin-msg.js
@@ -0,0 +1,17 @@
+module.exports = {
+  Page: {
+    Inject: "inject.js",
+    Devtools: "devtools.js",
+    DevToolsPanel:"DevToolsPanel",
+    Content: "content.js",
+    Popup: "popup.js",
+    Options: "options.js",
+  },
+  Msg: {
+    NodeInfo: "node_info",// 具体的节点信息
+    ListInfo: "list_info",// 节点树信息
+    Support: "game_support",// 游戏支持信息
+    MemoryInfo:"memory_info",//
+    UrlChange:"url_change",
+  }
+}
--- a/source/src/core/tools.js
+++ b/source/src/core/tools.js
@@ -0,0 +1,17 @@
+const path = require('path')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+
+module.exports = {
+  htmlPage(title, filename, chunks, template) {
+    return new HtmlWebpackPlugin({
+      title: title,
+      hash: true,
+      cache: true,
+      inject: 'body',
+      filename: './pages/' + filename + '.html',
+      template: template || path.resolve(__dirname, './page.ejs'),
+      appMountId: 'app',
+      chunks: chunks
+    });
+  }
+}