处理长短链接

CocosCreatorInspector/src/background/index.js

@@ -1,29 +1,26 @@
-chrome.extension.onConnect.addListener(function (port) {
-  console.log("backgroundScripts connect!");
-  let extensionListener = function (message, sender, sendResponse) {
-    if (message.tabId && message.content) {
-      if (message.action === 'code') {
-        console.log("执行code");
-        chrome.tabs.executeScript(message.tabId, {code: message.content});
-      } else if (message.action === 'script') {
-        console.log("执行script");
-        chrome.tabs.executeScript(message.tabId, {file: message.content});
-      } else {
-        console.log("执行other");
-        chrome.tabs.sendMessage(message.tabId, message, sendResponse);
-      }
+function shortConnectionLink(request, sender, sendResponse) {
+  console.log(`%c[短连接|id:${sender.id}|url:${sender.url}]\n${JSON.stringify(request)}`, 'background:#aaa;color:#BD4E19')
+  console.log(request);
+  sendResponse && sendResponse(request);
+}
 
-    } else {
-      port.postMessage(message);
-    }
-    sendResponse(message);
-  };
-  chrome.extension.onMessage.addListener(extensionListener);
+function longConnectionLink(data, sender) {
+  console.log(`%c[长连接:${sender.name}]\n${JSON.stringify(data)}`, 'background:#aaa;color:#bada55')
+  sender.postMessage(data);
+  // chrome.tabs.executeScript(message.tabId, {code: message.content});
+  // port.postMessage(message);
+}
+
+// 长连接
+chrome.runtime.onConnect.addListener(function (port) {
+  console.log(`%c[长连接:${port.name}] 建立链接!`, 'background:#aaa;color:#ff0000');
+  port.onMessage.addListener(longConnectionLink);
   port.onDisconnect.addListener(function (port) {
-    chrome.extension.onMessage.removeListener(extensionListener);
+    console.log(`%c[长连接:${port.name}] 断开链接!`, 'background:#aaa;color:#00ff00');
+    port.onMessage.removeListener(longConnectionLink);
   });
 });
 
-chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
-  return true;
-});
+// background.js 更像是一个主进程,负责整个插件的调度,生命周期和chrome保持一致
+// [短连接] 监听来自content.js发来的事件
+chrome.runtime.onMessage.addListener(shortConnectionLink);