处理 gm add element csp问题

packages/message/extension_message.ts

@@ -1,4 +1,6 @@
+import Logger from "@App/app/logger/logger";
 import { Message, MessageConnect, MessageSend, MessageSender } from "./server";
+import LoggerCore from "@App/app/logger/core";
 
 export class ExtensionMessageSend implements MessageSend {
   constructor() {}
@@ -44,6 +46,10 @@ export class ServiceWorkerMessage extends ExtensionMessageSend implements Messag
 }
 
 export class ExtensionMessage extends ExtensionMessageSend implements Message {
+  constructor(private onUserScript = false) {
+    super();
+  }
+
   onConnect(callback: (data: any, con: MessageConnect) => void) {
     chrome.runtime.onConnect.addListener((port) => {
       const handler = (msg: any) => {
@@ -52,6 +58,16 @@ export class ExtensionMessage extends ExtensionMessageSend implements Message {
       };
       port.onMessage.addListener(handler);
     });
+    if (this.onUserScript) {
+      // 监听用户脚本的连接
+      chrome.runtime.onUserScriptConnect.addListener((port) => {
+        const handler = (msg: any) => {
+          port.onMessage.removeListener(handler);
+          callback(msg, new ExtensionMessageConnect(port));
+        };
+        port.onMessage.addListener(handler);
+      });
+    }
   }
 
   // 注意chrome.runtime.onMessage.addListener的回调函数需要返回true才能处理异步请求
@@ -62,6 +78,15 @@ export class ExtensionMessage extends ExtensionMessageSend implements Message {
       }
       return callback(msg, sendResponse, sender);
     });
+    if (this.onUserScript) {
+      // 监听用户脚本的消息
+      chrome.runtime.onUserScriptMessage.addListener((msg, sender, sendResponse) => {
+        if (msg.action === "messageQueue") {
+          return false;
+        }
+        return callback(msg, sendResponse, sender);
+      });
+    }
   }
 }
 

src/app/service/content/content.ts

@@ -60,9 +60,7 @@ export default class ContentRuntime {
               parentNode = (this.msg as CustomEventMessage).getAndDelRelatedTarget(parentNodeId);
             }
             const el = <Element>document.createElement(tagName);
-            Object.keys(attr).forEach((key) => {
+
-              el.setAttribute(key, attr[key]);
-            });
             let textContent = "";
             if (attr) {
               if (attr.textContent) {
@@ -72,6 +70,9 @@ export default class ContentRuntime {
             } else {
               attr = {};
             }
+            Object.keys(attr).forEach((key) => {
+              el.setAttribute(key, attr[key]);
+            });
             if (textContent) {
               el.innerHTML = textContent;
             }

src/app/service/service_worker/runtime.ts

@@ -247,6 +247,10 @@ export class RuntimeService {
   registerInjectScript() {
     chrome.userScripts.getScripts({ ids: ["scriptcat-inject"] }).then((res) => {
       if (res.length == 0) {
+        chrome.userScripts.configureWorld({
+          csp: "script-src 'self' 'unsafe-inline' 'unsafe-eval' *",
+          messaging: true,
+        });
         fetch("inject.js")
           .then((res) => res.text())
           .then(async (injectJs) => {
@@ -261,18 +265,17 @@ export class RuntimeService {
                 world: "MAIN",
                 runAt: "document_start",
               },
-            ]);
+              // 注册content
-          });
-        chrome.scripting.registerContentScripts([
               {
                 id: "scriptcat-content",
-            js: ["src/content.js"],
+                js: [{ file: "src/content.js" }],
                 matches: ["<all_urls>"],
                 allFrames: true,
                 runAt: "document_start",
-            world: "ISOLATED",
+                world: "USER_SCRIPT",
               },
             ]);
+          });
       }
     });
   }
@@ -426,7 +429,6 @@ export class RuntimeService {
       if (script.metadata["run-at"]) {
         registerScript.runAt = getRunAt(script.metadata["run-at"]);
       }
-      console.log("registerScript", script.name, registerScript, scriptMatchInfo);
       if (await Cache.getInstance().get("registryScript:" + script.uuid)) {
         await chrome.userScripts.update([registerScript]);
       } else {

src/service_worker.ts

@@ -56,7 +56,7 @@ async function main() {
   });
   loggerCore.logger().debug("service worker start");
   // 初始化管理器
-  const message = new ExtensionMessage();
+  const message = new ExtensionMessage(true);
   const server = new Server("serviceWorker", message);
   const manager = new ServiceWorkerManager(server, new MessageQueue(), new ServiceWorkerMessageSend());
   manager.initManager();