探索快捷指令上限：利用网页视图打造丰富交互界面

背景

iOS 的快捷指令（Shortcuts）拥有极其丰富的入口和触发场景，包括锁屏按钮、锁屏小组件、负一屏小组件、桌面小组件、控制中心、Siri 语音指令以及自动化触发等。用户可以为不同场景定制最顺手的快捷指令。然而，与强大的入口能力形成鲜明对比的是，快捷指令原生支持的交互方式极为有限，主要局限于输入文本、列表选择和确认弹窗。

这种交互局限导致复杂任务在快捷指令中显得笨拙。例如，一个简单的记账流程可能需要依次弹出输入框填写金额、列表选择类目、再弹出输入框填写用途，将一个 App 界面能完成的操作拆分成三四个弹窗接力。因此，功能越简单的快捷指令（如一键打开特斯拉车门）体验越丝滑，而涉及输入、选择或状态查看的任务则显得不够流畅。用户渴望在保留快捷指令「即用即走」优势的同时，获得类似原生 App 的丰富 UI 和交互体验。

核心内容

为突破交互上限，作者深入挖掘了快捷指令中一个长期被忽视的功能：显示网页视图（Web View）。

1. 网页视图的优势

通过向「显示网页视图」指令传入一个 HTML 单文件，快捷指令可以在当前界面底部弹出一个独立的网页窗口。借助 AI 辅助编写 HTML、CSS 或 JavaScript，开发者可以低成本构建出接近 App 级别的界面和交互逻辑。同时，网页视图保留了快捷指令的核心优势：

• 即用即走：网页弹窗全局呼出，指令完成后自动隐去，用户无需离开当前操作界面。
• 独立 UI：网页拥有独立的界面和交互能力。

2. 遇到的瓶颈：数据传递

尽管网页视图解决了 UI 和交互问题，但存在一个致命缺陷：数据无法传递给后续的快捷指令步骤。

• 缓存局限：网页内的数据（如 2048 游戏进度）存储在浏览器缓存中，关闭后数据保留，但这仅适用于不需要后续处理的数据场景。
• 流程断裂：如果需要在网页视图中处理数据（如记账），并希望将结果传递给后续的快捷指令步骤（如同步到飞书表格），原生机制无法实现。数据被「困」在网页中，导致工作流中断。

3. 解决方案：剪贴板作为数据桥梁

为了解决数据传递问题，作者提出了一种利用剪贴板的变通方案：

• 机制：在网页视图内部，每当数据发生变化时，自动将数据以 JSON 格式拷贝到系统剪贴板。
• 读取：当网页视图关闭后，后续的快捷指令步骤直接读取剪贴板内容，从而获取最新数据。
• 限制与对策：iOS 系统限制剪贴板的自动拷贝必须通过用户的「点击」操作触发，滑动、拖动或键盘输入无法直接触发拷贝。
• 优化体验：对于涉及滑动或输入的操作，可以通过 UI 设计提示用户点击空白处进行确认，从而触发数据拷贝到剪贴板。

基于此方案，作者成功复刻了锤子科技的「大爆炸」文字提取功能，证明了该方案在复杂交互和数据传递上的可行性。

关键要点

• 交互上限突破：通过「显示网页视图」指令，可以突破快捷指令原生仅支持文本输入、列表选择和确认弹窗的限制，实现丰富的 App 级 UI 和交互。
• 数据传递痛点：网页视图内的数据默认存储在浏览器缓存中，无法直接传递给后续快捷指令步骤，导致工作流断裂。
• 剪贴板中转方案：利用剪贴板作为数据中转站，在网页内通过点击操作将数据以 JSON 格式写入剪贴板，后续指令读取剪贴板获取数据。
• 操作触发限制：iOS 系统要求剪贴板写入必须由「点击」事件触发，滑动或输入操作需配合 UI 提示（如点击空白处确认）来间接触发。
• 适用场景：该方案适用于需要丰富 UI 交互且涉及数据传递的复杂快捷指令场景，如复刻「大爆炸」等工具类功能。

意义与影响

这一探索极大地拓展了 iOS 快捷指令的能力边界。它证明了在不完全依赖原生 App 开发的情况下，通过组合现有功能（网页视图 + 剪贴板），可以构建出兼具「即用即走」便捷性与「原生 App」丰富体验的混合应用形态。

对于普通用户而言，这意味着可以创建出更美观、交互更流畅的自定义工具，而无需下载额外的 App。对于开发者或高级用户而言，这种「低代码/无代码」的混合开发思路提供了一种新的解决方案，特别是在需要快速原型验证或轻量级工具开发时，网页视图结合剪贴板机制成为一种高效且实用的技术路径。尽管存在操作触发上的小局限，但通过合理的 UI 设计即可规避，整体方案具有较高的实用价值和推广意义。