From 23823325e69fa23df28385deb4d94c31fe2dcb1d Mon Sep 17 00:00:00 2001
From: xiaozhu <2395895331@qq.com>
Date: Mon, 17 Aug 2026 17:31:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:writeText=E4=B8=8D=E5=8F=AF=E7=94=A8?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../platform/VersionReceiptModal.tsx          |  7 ++---
 .../app/features/platform/ScriptsPage.tsx     |  3 +-
 frontend/app/lib/clipboard.ts                 | 31 +++++++++++++++++++
 3 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 frontend/app/lib/clipboard.ts

diff --git a/frontend/app/components/platform/VersionReceiptModal.tsx b/frontend/app/components/platform/VersionReceiptModal.tsx
index 1b7a37f..21396d9 100644
--- a/frontend/app/components/platform/VersionReceiptModal.tsx
+++ b/frontend/app/components/platform/VersionReceiptModal.tsx
@@ -1,5 +1,6 @@
 import Icon from "../common/Icon";
 import type { StableVersion } from "../../services/api";
+import { copyToClipboard } from "../../lib/clipboard";
 
 type VersionReceiptModalProps = {
   publishedVersion: StableVersion | null;
@@ -31,10 +32,8 @@ export function VersionReceiptModal({
           <code>{publishedVersion.versions_id}</code>
           <button
             type="button"
-            onClick={() => {
-              void navigator.clipboard.writeText(
-                publishedVersion.versions_id,
-              );
+            onClick={async () => {
+              await copyToClipboard(publishedVersion.versions_id);
               onCopy("versions_id 已复制");
             }}
           >
diff --git a/frontend/app/features/platform/ScriptsPage.tsx b/frontend/app/features/platform/ScriptsPage.tsx
index 86038bc..b55d0d4 100644
--- a/frontend/app/features/platform/ScriptsPage.tsx
+++ b/frontend/app/features/platform/ScriptsPage.tsx
@@ -13,6 +13,7 @@ import { VersionReceiptModal } from "../../components/platform/VersionReceiptMod
 import { getSessionCache, useScriptWorkspaceStore } from "./state/scriptWorkspaceStore";
 import { useUiStore } from "./state/uiStore";
 import { ScriptWorkspace } from "./ScriptWorkspace";
+import { copyToClipboard } from "../../lib/clipboard";
 
 export default function ScriptsPage() {
   const { currentWorkspace, user } = useAuth();
@@ -263,7 +264,7 @@ export default function ScriptsPage() {
       stripped = stripped.slice(fullPrefix.length);
     }
     try {
-      await navigator.clipboard.writeText(stripped);
+      await copyToClipboard(stripped);
       pushToast({ tone: "success", message: `已复制：${stripped}` });
     } catch {
       pushToast({ tone: "error", message: "复制失败" });
diff --git a/frontend/app/lib/clipboard.ts b/frontend/app/lib/clipboard.ts
new file mode 100644
index 0000000..3278902
--- /dev/null
+++ b/frontend/app/lib/clipboard.ts
@@ -0,0 +1,31 @@
+/**
+ * 复制文本到剪贴板 - 兼容 HTTP 和 HTTPS 环境
+ *
+ * 在 HTTPS 环境下使用现代 Clipboard API
+ * 在 HTTP 环境下降级使用 execCommand 方案
+ *
+ * @param text - 要复制的文本
+ * @returns Promise<void>
+ */
+export async function copyToClipboard(text: string): Promise<void> {
+  // 优先使用现代 Clipboard API (HTTPS 环境)
+  if (navigator.clipboard?.writeText) {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+
+  // 降级方案：execCommand (HTTP 环境 / 旧浏览器)
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  textarea.style.left = "-9999px";
+  document.body.appendChild(textarea);
+  textarea.select();
+
+  try {
+    document.execCommand("copy");
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}