应用的新模式

深入探索一系列精美的新模式,打造出色的应用,包括剪贴板模式、文件格式和应用模式。

无论您是开发什么类型的应用,无论是新一代的视频编辑应用、令人上瘾的文字游戏,还是 在线社交网络应用 - 您总会发现自己需要一些基本的构建功能, 块:

  • 视频编辑应用可能会允许用户保存修改后的视频。
  • 您的游戏或许允许用户与好友分享游戏进度。
  • 在线社交网络应用很可能允许用户将图片粘贴到帖子中。

以上只是此类模式的几个例子,现在还有更多。但所有这些 有一个共同点,那就是没有放之四海而皆准的方法。

例如,并非所有浏览器都实现了 Web Share API,因此在某些情况下,您需要 必须回退到不同的方法,例如 Twitter 的网络意图 或复制到剪贴板 选择的方法 Wordle(未实现 Web Share API 时)。 哎呀,差点找不到这个:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

正在保存文件

谈到省钱,首选方法是使用 File System Access API,因此最终会得到 FileSystemFileHandle, 让您可以实现真正的保存、修改和保存流程。下一个 最好回退到经典 <a download>,这样用户同样可以保存数据, 有一个缺点,那就是每次下载时都会创建新文件,所以最终的结果是 my-video.mp4my-video (1).mp4my-video (2).mp4

正在粘贴图片

这些介绍性示例总结一下,并非所有浏览器都支持将图片粘贴到网络应用中, 您可以回退到使用 Drag and Drop API 或显示文件选择器,这不像 Async Clipboard API,但至少它能正常运行。

新模式

除此以外,新的模式部分包括:

剪贴板模式

剪贴板模式,适用于与系统剪贴板相关的所有内容,例如 复制粘贴各种内容

文件格式

文件模式,适用于与文件和目录相关的所有内容;随便做吧 您可以保存、打开、拖放、接收或分享。

Web 应用模式

Web 应用模式,适用于与高级应用相关的所有内容 提供应用快捷方式、定期在后台同步数据、显示应用 徽章等等。

反馈

希望这些模式可以帮助您构建出色的应用,并且期待收到您的反馈! 您可以通过在 @ChromiumDev 上发推文提供反馈,或 提交问题。在这两种情况下,使用 @tomayac才能确保我能看到它。

致谢

感谢 Joe Medley 在审核和修改内容方面所提供的帮助 这些模式感谢 Pete LePageEwa GasperowiczRachel AndrewKen Pascal, 和 Matthias Rohmer 获得的所有技术支持和组织支持 促使他们登录该平台如果没有 单个模式的作者的帮助, Harry TheodoulouTony ConwayPalances LiaoCecilia CongFrançois BeaufortJoe Medley