7.5
深览指数
产品少数派··AI 生成

探索快捷指令的上限:用网页视图创建丰富界面与交互

本文提出了一套在 iPhone 快捷指令中使用网页视图(Web View)创建丰富自定义界面的实用方案,并解决了该方案的核心痛点——网页视图与快捷指令之间的数据传递问题。作者通过引入系统剪贴板作为桥梁,使得复杂的交互界面(如复刻锤子科技「大爆炸」功能)成为可能,无需搭建服务器中转。文章适合已熟悉快捷指令基本操作、希望突破其简陋交互限制的中高级玩家阅读。原文 ↗

核心观点
  • 通过向快捷指令的「显示网页视图」传入 HTML 文件,并利用系统剪贴板作为数据回传的桥梁,可以突破快捷指令原生交互(仅有输入、列表、弹窗三种)的限制,实现 App 级别的复杂界面与交互。
  1. 01快捷指令原生仅提供三种交互方式:输入文本、列表选择和确认弹窗,对于需要多步输入和选择的场景(如记账)极其笨拙,需要多个弹窗接力。
  2. 02「显示网页视图」指令可以接收一个 HTML 单文件,并以底部弹窗形式展示,具备独立的 UI 和交互,且能利用 AI(如 ChatGPT)生成 App 级别的界面代码,降低了创作门槛。
  3. 03文章作者利用该方案成功复刻了 2048 小游戏,证明 Web View 方案在展示和缓存功能上可行。
  4. 04Web View 无法直接向后续快捷指令传递数据,因为操作结果只能存储于浏览器缓存中,而快捷指令无法读取该缓存。
  5. 05作者的核心解决方案是:在 Web View 内的数据每次变化时,自动将数据以 JSON 格式写入系统剪贴板;网页视图关闭后,快捷指令通过「获取剪贴板」来读取最新数据。
  6. 06该方案的局限在于,触发剪贴板拷贝的必须是 Web View 中的「点击」操作,滑动、拖动或输入操作无法自动触发拷贝,但可以通过提示用户点击空白处确认来绕过。
  7. 07作者基于此方案成功复刻了锤子手机的「大爆炸」功能,提供了一个可以直接下载的 iCloud 快捷指令链接作为验证案例。
反方 / 局限
  • 方案存在交互局限:「点击」之外的交互方式(如滑动、拖动、输入)无法直接触发数据同步到剪贴板,需要额外引导用户点击确认。
  • 方案依赖系统剪贴板,这可能与用户其他复制操作产生冲突或造成数据污染,文章未深入探讨多任务场景下的剪贴板管理问题。
88 分钟 · 4 卡片 · 11 资料
读原文 →

前置背景

平行视角

未来推演

延伸追问