---

title: Manifest Shortcuts:应用快捷操作与入口

keywords:

  • Web App Manifest
  • shortcuts
  • 快捷操作
  • 桌面/移动入口
  • PWA UX

description: 介绍 Web App Manifest 的 shortcuts 配置,在桌面/移动安装应用的右键或长按菜单中提供快捷入口,提升任务启动效率,并给出示例与兼容建议。

categories:

  • 应用软件
  • 网络应用

---

概述

shortcuts 允许为已安装的 PWA 定义常用操作的快捷入口(标题、URL、图标),出现在系统提供的菜单中。适用于快速打开新建、搜索或特定页面。

示例

{
  "shortcuts": [
    { "name": "新建", "url": "/new", "icons": [{ "src": "/icons/new.png", "sizes": "192x192" }] },
    { "name": "搜索", "url": "/search" }
  ]
}

工程建议

  • 任务导向:选择高频且安全的操作;保持文案简洁清晰。
  • 路由与状态:快捷入口需支持深链接与会话管理;处理未登录与错误。
  • 兼容:不支持平台忽略该字段;在应用内提供替代入口。

参考与验证

  • Chrome 文档(Manifest shortcuts):https://developer.chrome.com/docs/web-platform/web-app-manifest/#shortcuts
  • web.dev 应用快捷指南:https://web.dev/articles/app-shortcuts

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部