测视例

2025-04-12 05:01:03 +00:00 · 2024-12-14 10:12:00 +08:00 · 2024-12-14 10:12:00 +08:00 · d7012997b7
commit d7012997b7
parent 625b6d6ee9
15 changed files with 124 additions and 0 deletions
--- a/hello-chrome/.vscode/settings.json
+++ b/hello-chrome/.vscode/settings.json
@ -0,0 +1,9 @@
+{
+    "files.autoSave": "onFocusChange",
+    "[html]": {
+        "editor.suggest.insertMode": "replace",
+        "editor.formatOnSave": true,
+        "editor.formatOnType": true,
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
+}
--- a/hello-chrome/background.js
+++ b/hello-chrome/background.js
@ -0,0 +1 @@
+console.log("background.js")
--- a/hello-chrome/content.js
+++ b/hello-chrome/content.js
@ -0,0 +1 @@
+console.log("content.js")
--- a/hello-chrome/devtools.html
+++ b/hello-chrome/devtools.html
@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="" style="width: 100%; height: 100%; margin: 0; padding: 0">
+  <head>
+    <title>devtools</title>
+    <script defer src="devtools.js"></script>
+  </head>
+  <body style="width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden">
+    devtools
+  </body>
+</html>
--- a/hello-chrome/devtools.js
+++ b/hello-chrome/devtools.js
@ -0,0 +1 @@
+console.log("devtools.js"); 
--- a/hello-chrome/icons/48.png
+++ b/hello-chrome/icons/48.png
--- a/hello-chrome/index.html
+++ b/hello-chrome/index.html
@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html lang="" style="width: 100%; height: 100%; margin: 0; padding: 0">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <title>index</title>
+
+    <script defer src="index.js"></script>
+  </head>
+
+  <body style="width: 100%; height: 100%; margin: 0; padding: 0">
+    <script type="text/javascript">
+      const str = '[{"label":"devtools.html","href":"devtools.html"},{"label":"options.html","href":"options.html"},{"label":"popup.html","href":"popup.html"}]';
+      window.pluginPanels = JSON.parse(str);
+    </script>
+    <div id="app" style="width: 100%; height: 100%; margin: 0; padding: 0; background-color: #ffffff; display: flex; flex-direction: column"></div>
+  </body>
+</html>
--- a/hello-chrome/index.js
+++ b/hello-chrome/index.js
@ -0,0 +1 @@
+console.log("index.js")
--- a/hello-chrome/inject.js
+++ b/hello-chrome/inject.js
@ -0,0 +1 @@
+console.log("inject")
--- a/hello-chrome/manifest.json
+++ b/hello-chrome/manifest.json
@ -0,0 +1,58 @@
+{
+    "manifest_version": 3,
+    "description": "hello world",
+    "icons": {
+        "48": "./icons/48.png"
+    },
+    "devtools_page": "devtools.html",
+    "content_scripts": [
+        {
+            "matches": [
+                "<all_urls>"
+            ],
+            "js": [
+                "content.js"
+            ],
+            "run_at": "document_end",
+            "all_frames": true
+        }
+    ],
+    "options_ui": {
+        "page": "options.html",
+        "browser_style": true
+    },
+    "name": "helloworld",
+    "version": "2.1.0",
+    "host_permissions": [
+        "wss://*/*",
+        "ws://*/*",
+        "activeTab",
+        "<all_urls>",
+        "*://*/*",
+        "tabs",
+        "http://*/*",
+        "https://*/*",
+        "audio",
+        "system.cpu",
+        "clipboardRead",
+        "clipboardWrite",
+        "system.memory",
+        "processes",
+        "tabs",
+        "storage",
+        "nativeMessaging",
+        "contextMenus",
+        "notifications"
+    ],
+    "action": {
+        "default_popup": "popup.html",
+        "default_icon": {
+            "48": "./icons/48.png"
+        },
+        "default_title": "hello-world"
+    },
+    "background": {
+        "service_worker": "background.js",
+        "type": "module"
+    }
+}
--- a/hello-chrome/options.html
+++ b/hello-chrome/options.html
@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="" style="width: 100%; height: 100%; margin: 0; padding: 0">
+  <head>
+    <title>options</title>
+    <script defer src="options.js"></script>
+  </head>
+  <body style="width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden">
+    options
+  </body>
+</html>
--- a/hello-chrome/options.js
+++ b/hello-chrome/options.js
@ -0,0 +1 @@
+console.log('options.js')
--- a/hello-chrome/popup.html
+++ b/hello-chrome/popup.html
@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="" style="width: 100%; height: 100%; margin: 0; padding: 0">
+  <head>
+    <title>popup</title>
+    <script defer src="popup.js"></script>
+  </head>
+  <body style="width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden">
+     popup
+  </body>
+</html>
--- a/hello-chrome/popup.js
+++ b/hello-chrome/popup.js
@ -0,0 +1 @@
+console.log("popup")
--- a/hello-chrome/readme.md
+++ b/hello-chrome/readme.md
@ -0,0 +1 @@
+使用原生js编写的Chrome插件，方便我理解一些逻辑
				`@ -0,0 +1 @@`
				`使用原生js编写的Chrome插件，方便我理解一些逻辑`