add: ChromePictureSearchExtension (V3)

ChromePictureSearchExtension/ChromePictureSearchExtension.csproj

@@ -0,0 +1,14 @@
+<Project Sdk="Microsoft.NET.Sdk.BlazorWebAssembly">
+
+  <PropertyGroup>
+    <TargetFramework>net8.0</TargetFramework>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>disabled</ImplicitUsings>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <!--<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.12" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.12" PrivateAssets="all" />-->
+  </ItemGroup>
+
+</Project>

ChromePictureSearchExtension/Program.cs

@@ -0,0 +1,11 @@
+//using Microsoft.AspNetCore.Components.Web;
+//using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
+
+//var builder = WebAssemblyHostBuilder.CreateDefault(args);
+//builder.RootComponents.Add<App>("#app");
+//builder.RootComponents.Add<HeadOutlet>("head::after");
+
+//builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
+
+//await builder.Build().RunAsync();
+return 0;

ChromePictureSearchExtension/Properties/launchSettings.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "http://json.schemastore.org/launchsettings.json",
+  "iisSettings": {
+    "windowsAuthentication": false,
+    "anonymousAuthentication": true,
+    "iisExpress": {
+      "applicationUrl": "http://localhost:34697",
+      "sslPort": 0
+    }
+  },
+  "profiles": {
+    "http": {
+      "commandName": "Project",
+      "dotnetRunMessages": true,
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "applicationUrl": "http://localhost:5165",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    },
+    "IIS Express": {
+      "commandName": "IISExpress",
+      "launchBrowser": true,
+      "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
+      "environmentVariables": {
+        "ASPNETCORE_ENVIRONMENT": "Development"
+      }
+    }
+  }
+}

ChromePictureSearchExtension/wwwroot/ChromeExtension/background.js

@@ -0,0 +1,53 @@
+const menuItems = [
+    { "id": "1", name: "Google(zh)", url: "http://lens.google.com/uploadbyurl?hl=zh&url=" },
+    { "id": "2", name: "Google(en)", url: "http://lens.google.com/uploadbyurl?hl=en&url=" },
+    { "id": "3", name: "qidb", url: "http://iqdb.org/?url=" },
+    { "id": "4", name: "SauceNAO", url: "http://saucenao.com/search.php?url=" },
+    { "id": "5", name: "TinEye", url: "http://tineye.com/search?url=" },
+];
+
+const idToUrl = {};
+
+chrome.runtime.onInstalled.addListener(function () {
+
+    menuItems.forEach(p => {
+        chrome.contextMenus.create({
+            id: p.id, contexts: ["image"], title: `${p.id} 在 ${p.name} 搜索图片`
+        })
+        idToUrl[p.id] = p.url;
+    })
+
+
+});
+
+chrome.contextMenus.onClicked.addListener((info, tab) => {
+    var searchUrl = idToUrl[info.menuItemId] + info.srcUrl;
+
+
+    chrome.tabs.sendMessage(tab.id, { type: 'getKeyboardState' }, (response) => {
+        const { ctrl, shift } = response;
+
+        if (shift) {
+            // Shift+点击：在新窗口打开
+            chrome.windows.create({ url: searchUrl, });
+        } else {
+
+            chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
+                const currentTabIndex = tabs[0].index;
+
+                if (ctrl) {
+                    // Ctrl+点击：在后台打开
+                    chrome.tabs.create({ url: searchUrl, active: false, index: currentTabIndex + 1, });
+                } else {
+                    // 普通点击：在当前标签页后面打开并切换过去
+                    chrome.tabs.create({ url: searchUrl, active: true, index: currentTabIndex + 1, });
+                }
+
+            }); //tabs.query
+        }
+
+    }); //sendMessage
+
+
+});
+

ChromePictureSearchExtension/wwwroot/ChromeExtension/content.js

@@ -0,0 +1,23 @@
+// 监听键盘按下事件
+let isCtrlPressed = false;
+let isShiftPressed = false;
+
+document.addEventListener('keydown', (event) => {
+    if (event.ctrlKey) isCtrlPressed = true;
+    if (event.shiftKey) isShiftPressed = true;
+});
+
+document.addEventListener('keyup', (event) => {
+    if (!event.ctrlKey) isCtrlPressed = false;
+    if (!event.shiftKey) isShiftPressed = false;
+});
+
+// 发送按键状态给 background.js
+chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
+    if (message.type === 'getKeyboardState') {
+        sendResponse({
+            ctrl: isCtrlPressed,
+            shift: isShiftPressed
+        });
+    }
+});

ChromePictureSearchExtension/wwwroot/ChromeExtension/manifest.json

@@ -0,0 +1,22 @@
+{
+    "manifest_version": 3,
+    "name": "图片搜索",
+    "description": "Base Level Extension",
+    "version": "1.0",
+    "content_scripts": [
+        {
+            "matches": [ "<all_urls>" ], // 这里表示注入到所有网页中
+            "js": [ "content.js" ], // 注入的脚本文件
+            "run_at": "document_end" // 在页面加载完成后执行脚本
+        }
+    ],
+    "icons": {
+        "16": "icon.png"
+    },
+    "background": {
+        "service_worker": "background.js"
+    },
+    "permissions": [
+        "contextMenus"
+    ]
+}

ChromePictureSearchExtension/wwwroot/index.html

@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ChromePictureSearchExtension</title>
+    <base href="/" />
+    <link rel="stylesheet" href="css/app.css" />
+    <!-- If you add any scoped CSS files, uncomment the following to load them
+    <link href="ChromePictureSearchExtension.styles.css" rel="stylesheet" /> -->
+</head>
+
+<body>
+    <div id="app">
+        <svg class="loading-progress">
+            <circle r="40%" cx="50%" cy="50%" />
+            <circle r="40%" cx="50%" cy="50%" />
+        </svg>
+        <div class="loading-progress-text"></div>
+    </div>
+
+    <div id="blazor-error-ui">
+        An unhandled error has occurred.
+        <a href="" class="reload">Reload</a>
+        <a class="dismiss">🗙</a>
+    </div>
+    <script src="_framework/blazor.webassembly.js"></script>
+</body>
+
+</html>