深入探索一系列精美的新模式,打造出色的应用,包括剪贴板模式、文件格式和应用模式。
无论您是开发什么类型的应用,无论是新一代的视频编辑应用、令人上瘾的文字游戏,还是 在线社交网络应用 - 您总会发现自己需要一些基本的构建功能, 块:
- 视频编辑应用可能会允许用户保存修改后的视频。
- 您的游戏或许允许用户与好友分享游戏进度。
- 在线社交网络应用很可能允许用户将图片粘贴到帖子中。
没有实现这些模式的通用方法
以上只是此类模式的几个例子,现在还有更多。但所有这些 有一个共同点,那就是没有放之四海而皆准的方法。
分享进度
例如,并非所有浏览器都实现了 Web Share API,因此在某些情况下,您需要 必须回退到不同的方法,例如 Twitter 的网络意图 或复制到剪贴板 选择的方法 Wordle(未实现 Web Share API 时)。 哎呀,差点找不到这个:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
正在保存文件
谈到省钱,首选方法是使用
File System Access API,因此最终会得到 FileSystemFileHandle
,
让您可以实现真正的保存、修改和保存流程。下一个
最好回退到经典 <a download>
,这样用户同样可以保存数据,
有一个缺点,那就是每次下载时都会创建新文件,所以最终的结果是 my-video.mp4
,
my-video (1).mp4
、my-video (2).mp4
等
正在粘贴图片
这些介绍性示例总结一下,并非所有浏览器都支持将图片粘贴到网络应用中, 您可以回退到使用 Drag and Drop API 或显示文件选择器,这不像 Async Clipboard API,但至少它能正常运行。
新模式
除此以外,新的模式部分包括:
剪贴板模式
剪贴板模式,适用于与系统剪贴板相关的所有内容,例如 复制粘贴各种内容
文件格式
文件模式,适用于与文件和目录相关的所有内容;随便做吧 您可以保存、打开、拖放、接收或分享。
Web 应用模式
Web 应用模式,适用于与高级应用相关的所有内容 提供应用快捷方式、定期在后台同步数据、显示应用 徽章等等。
反馈
希望这些模式可以帮助您构建出色的应用,并且期待收到您的反馈!
您可以通过在 @ChromiumDev 上发推文提供反馈,或
提交问题。在这两种情况下,使用
@tomayac
才能确保我能看到它。
致谢
感谢 Joe Medley 在审核和修改内容方面所提供的帮助 这些模式感谢 Pete LePage, Ewa Gasperowicz、Rachel Andrew、 Ken Pascal, 和 Matthias Rohmer 获得的所有技术支持和组织支持 促使他们登录该平台如果没有 单个模式的作者的帮助, Harry Theodoulou、Tony Conway、 Palances Liao、Cecilia Cong、 François Beaufort 和 Joe Medley。