9 달 전 · 720f0eee88
--- a/background.js
+++ b/background.js
@@ -2,3 +2,23 @@
 
				 chrome.runtime.onInstalled.addListener(function () {

			
 
				   console.log("插件已被安装");

			
 
				 });

			
 
				+

			
 
				+let rinfo = {}

			
 
				+

			
 
				+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {

			
 
				+  if (request.action === "show_popup") {

			
 
				+    const info = request.data;

			
 
				+    let n = chrome.windows.create({

			
 
				+      url: chrome.runtime.getURL("page.html"), // 指向你的弹出页面

			
 
				+    }, (newTab) => {

			
 
				+      rinfo[newTab.tabs[0].id] = info

			
 
				+    });

			
 
				+  }

			
 
				+});

			
 
				+

			
 
				+// 监听已更新的标签，以找出何时打开了 page.html

			
 
				+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {

			
 
				+  if (changeInfo.status === 'complete' && tab.url.includes('page.html')) {

			
 
				+    chrome.tabs.sendMessage(tabId, { msgToPopup: rinfo[tabId] + new Date().toString() });

			
 
				+  }

			
 
				+});
			
--- a/content.js
+++ b/content.js
@@ -45,11 +45,15 @@ chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
 
				       isOpen = false;

			
 
				     }

			
 
				   }

			
 
				+  if(request.msgToPopup){

			
 
				+    debugger

			
 
				+  }

			
 
				 });

			
 
				 

			
 
				 let isOpen = false;

			
 
				 

			
 
				 function clickHandler(e) {

			
 
				+  chrome.runtime.sendMessage({ action: "show_popup", data: "打开新页面" });

			
 
				   console.log(oldTarget);

			
 
				 }

			
 
				 

			
--- a/manifest.json
+++ b/manifest.json
@@ -3,7 +3,7 @@
 
				   "version": "1.0",

			
 
				   "description": "Build an Extension!",

			
 
				   "manifest_version": 3,

			
 
				-  "permissions": ["activeTab", "storage"],

			
 
				+  "permissions": ["tabs", "activeTab", "storage"],

			
 
				   "action": {

			
 
				     "default_popup": "popup.html"

			
 
				   },

			
--- a/page.css
+++ b/page.css
@@ -0,0 +1,3 @@
 
				+p{
			
 
				+    color: red;
			
 
				+}
			
--- a/page.html
+++ b/page.html
@@ -0,0 +1,13 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <link rel="stylesheet" href="./page.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+    <p id="message">test</p>
			
 
				+    <script src="page.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/page.js
+++ b/page.js
@@ -0,0 +1,5 @@
 
				+chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
			
 
				+    if (request.msgToPopup) {
			
 
				+        document.querySelector('#message').textContent = request.msgToPopup
			
 
				+    }
			
 
				+})
			
--- a/popup.js
+++ b/popup.js
@@ -18,4 +18,4 @@ function sendMessage(isChecked) {
 
				       message: isChecked,

			
 
				     });

			
 
				   });

			
 
				-}

			
 
				+}