跳至内容
WebViewGold 从 Vibe Coding 到 App Store
中文
获取 WebViewGold

Claude Code + 剪贴板

在您的 Claude Code 应用中正确实现复制和粘贴

悄无声息失效的复制按钮、怎么也填不进去的粘贴字段,是 WebView 中的经典烦恼。在 WebViewGold 应用中,您的 Claude Code 应用可以通过 getclipboard:// 按需读取设备剪贴板(内容会写入 clipboarddata 变量),复制则使用标准的 Web Clipboard API 并配有后备方案。下面是具体做法,以及两个平台都强制执行的隐私规则。

每个平台一次性 $109 起,或由我们的团队全程代劳,$698 起。

  • 审核通过保证 – 否则 14 天内退款
  • 无需编程
  • 一次性付费,免费更新
  • 7×24 小时人工支持
  • 2014 年起德国出品 · ISO 27001

应用中哪些地方需要复制和粘贴

推荐码和优惠码

点一下就复制代码,出现简短的“已复制”提示,用户再把它粘贴到 WhatsApp 或“信息”中。比长按选择文字快得多。

一键粘贴按钮

在邀请码、快递单号或链接字段旁放一个“粘贴”按钮,用 getclipboard:// 读取剪贴板并填入输入框。非常适合“保存链接”和“加入团队”这类流程。

必须分毫不差的字符串

钱包地址、预订编号、API 密钥、Wi-Fi 密码:这些值谁都不该手动重输。用按钮复制,并在旁边显示该值。

AI 回答和生成的文本

聊天、写作和提示词工具的每条回答都需要一个“复制”按钮;用户会把结果粘贴到邮件、备忘录或社交应用中。

给 Claude Code 的提示词

把这段粘贴到 Claude Code 中以实现 Web 应用端。检查结果,发布,然后在 WebViewGold 应用中测试。

给 Claude Code 的提示词
给 Claude Code 的提示词:阅读 https://www.webviewgold.com/docs/iOS/clipboard/ 和 https://www.webviewgold.com/docs/android/clipboard/。然后:1) 创建一个剪贴板模块,包含 copyText(text)(在用户手势内调用 navigator.clipboard.writeText,后备方案为隐藏 textarea 加 document.execCommand("copy"))和 readClipboard()(仅当 navigator.userAgent 包含我的自定义 WebViewGold 标识时,重置 window.clipboarddata,跳转到 getclipboard://,并每 100 ms 轮询一次该变量,最多 3 秒)。2) 找出在 await 之后才写入剪贴板的复制按钮,并重构它们,让值在点击之前就已加载。3) 为邀请码和链接字段添加只在应用内可见的“粘贴”按钮,并进行格式验证。4) 为成功、writeText 被拒绝以及 clipboarddata 注入这几种情况编写 jsdom 测试。5) 在 CLAUDE.md 中记录这些规则。

只要有一个优化良好的Web应用版本,几分钟内您就能拥有一个出色的移动应用。除此之外,客户服务非常友好且乐于助人!我只能说:推荐WebViewGold :-)

朱利安·科赫(Julian Koch) · 联合创始人 Dueldonkey · CodeCanyon

让应用内的复制和粘贴稳定可靠

大约 30 分钟。

  1. 在点击处理函数中复制

    直接在点击处理函数中调用 navigator.clipboard.writeText(),并且要在任何耗时请求之前调用:WebView 会拒绝在用户手势之外发生的剪贴板写入。另外保留一个使用隐藏 textarea 和 document.execCommand("copy") 的后备方案。

  2. 确认复制成功

    显示一个简短的提示。Android 13 及更高版本会显示系统自己的复制确认,所以您的提示要尽量简洁。在应用内,您还可以加一次 lighthaptic:// 轻触反馈,但每次只调用一个桥接命令。

  3. 用 getclipboard:// 粘贴

    用户点击“粘贴”时,先清空 window.clipboarddata,再导航到 getclipboard://(仅在应用内,通过您的自定义 User-Agent 识别),然后在几秒内轮询该变量并填入字段。

  4. 验证粘贴的内容

    先去掉首尾空格,并检查值看起来是否正确(例如 8 位邀请码、允许域名下的 URL),然后再使用。绝不要自动提交剪贴板内容。

  5. 只在用户请求时读取

    绝不要在页面加载时、定时器中或后台读取剪贴板。iOS 可能会请求用户允许粘贴,Android 会在应用读取剪贴板时显示提示,因此未经请求的读取看起来就像在窥探。

复制和粘贴辅助代码

复制在浏览器和应用中都能用;粘贴在应用内使用原生桥接。把它们连接到您的 Claude Code 应用中的按钮上:

javascript
var IN_APP = navigator.userAgent.indexOf("WebViewGold") !== -1; // 您的自定义 User-Agent 标识

// 复制:直接在点击处理函数中调用
function copyText(text) {
  if (navigator.clipboard && window.isSecureContext) {
    return navigator.clipboard.writeText(text).catch(function () { legacyCopy(text); });
  }
  legacyCopy(text);
  return Promise.resolve();
}
function legacyCopy(text) {
  var ta = document.createElement("textarea");
  ta.value = text;
  ta.setAttribute("readonly", "");
  ta.style.position = "fixed";
  ta.style.opacity = "0";
  document.body.appendChild(ta);
  ta.select();
  document.execCommand("copy");
  document.body.removeChild(ta);
}

// 粘贴:读取设备剪贴板(仅限应用内,且需用户点击)
function pasteInto(input) {
  if (!IN_APP) { input.focus(); return; } // 浏览器:长按后粘贴
  window.clipboarddata = undefined;
  window.location.href = "getclipboard://";
  var started = Date.now();
  (function check() {
    if (typeof window.clipboarddata !== "undefined") {
      input.value = String(window.clipboarddata || "").trim();
    } else if (Date.now() - started < 3000) {
      setTimeout(check, 100);
    }
  })();
}

两个商店都在意的隐私规则

  • 启动时悄悄读取剪贴板,正是 Apple 通过粘贴通知和粘贴权限弹窗让用户看得见的行为。请只在用户点击“粘贴”之后读取。
  • 如果您把剪贴板内容发送到服务器,它就属于您收集的数据:如果您会存储它,请在隐私政策、App Privacy 和数据安全表单中加以说明。
  • 不要自动把机密信息(密码、恢复短语、一次性验证码)复制到剪贴板;其他应用之后可能会读取它。请把它作为带有清晰标签的明确操作提供给用户。
  • 粘贴按钮能提升易用性,但审核人员不会把它算作准则 4.2 意义上的原生功能。请搭配推送通知、生物识别登录或分享面板。

常见问题

为什么我的“复制”按钮在应用中没反应?

navigator.clipboard.writeText 只在 https 页面上、并且在用户手势期间才有效。在 await 请求之后或在定时器中调用会被拒绝,有些 WebView 甚至完全屏蔽该 API。请直接在点击处理函数中复制,并保留 textarea 后备方案。

应用能在用户不知情的情况下读取剪贴板吗?

不应该这么做,而且系统也会让它显而易见:iOS 可能会请求用户允许粘贴,Android 会在应用读取剪贴板时显示提示。请只在用户点击“粘贴”按钮时读取。

getclipboard:// 返回什么?

当前的剪贴板内容,注入到全局 JavaScript 变量 clipboarddata 中。该值是异步到达的,所以调用后请等待这个变量出现,而不是在下一行就读取它。

不用桥接也能粘贴吗?

可以。用户随时都可以长按文本字段并选择“粘贴”,这不需要任何代码。getclipboard:// 增加的是一键“粘贴”按钮,替用户把内容填入字段。

让您的应用上架商店的三种方式

结果相同,只是您需要投入的工作量不同。三种方式都附带审核通过保证和 7×24 小时人工支持。

自己动手

$109 每个平台,一次性付费

WebViewGold 许可证:一个现成的 Xcode 或 Android Studio 项目。粘贴您的 URL,设置名称和图标,开启所需功能,构建并提交。永久免费更新。

在主页查看方案

Cloud Builder

$349 每个许可证,一次性附加购买

无需 Mac、Xcode 或 Android Studio:在浏览器中完成配置,我们在云端构建两个应用,并将其交付到 App Store Connect 和 Play Console。

Cloud Builder 如何运作 试用免费演示

Full Service

$698 每个平台 $798

把您的 URL 和图标发给我们。我们的团队在 72 小时内完成配置、构建并交付您的应用,白标,附源码项目。两个平台共 $1,158。

Full Service 详情 服务提供方: WeSetupYourWebViewApp

冬季特惠价格有效期至 2026年12月31日。

准备好发布您的 Claude Code 应用了吗?

App Store & Google Play 审核通过保证 – 否则 14 天内退款

想直接交给我们?Full Service:我们在 72 小时内完成配置、构建并交付,每个平台 $698 起。有疑问?通过 7×24 小时在线聊天联系我们。

退款依据我们 FAQ 中列出的条件:应用因非内容原因被 Apple 和/或 Google 拒审,并在购买后 14 天内提出申请。