(长按或右键单击菜单) 定义应用快捷方式
应用快捷方式使用户能够更快、更轻松地完成常见任务,并可以增加他们对应用的参与度。
在移动设备上,通常可以通过长按应用图标来访问快捷方式。 在 Windows 上,快捷方式作为跳转列表集成。 跳转列表定义在右键单击“开始”菜单中的磁贴或右键单击任务栏中的图标时显示的弹出菜单。
Microsoft Edge 上的 iOS 上的快捷方式:
Windows 上的 Webboard 应用中的跳转列表 (右键单击菜单) :
渐进式Web 应用 (PWA) 还可以将常见任务定义为 Web 应用清单中的快捷方式。 请参阅 MDN > 引用>渐进式 Web 应用如何公开常用应用>操作作为快捷方式。
定义快捷方式
使用清单成员定义 shortcuts
快捷方式。 此成员是可以包含多个快捷方式的数组。 每个快捷方式实质上都是在使用快捷方式和启动应用时请求的 URL。
{
"shortcuts" : [
{
"name": "Today's agenda",
"url": "/today",
"description": "List of events planned for today"
},
{
"name": "New event",
"url": "/create/event"
},
{
"name": "New reminder",
"url": "/create/reminder"
}
]
}
可以使用以下属性:
属性 | 详细信息 |
---|---|
name |
在 跳转列表 或上下文菜单上向用户显示的字符串。 |
short_name |
当空间不足时显示的字符串,无法显示快捷方式的全名。 |
description |
描述快捷方式用途的字符串。 可以通过辅助技术访问字符串。 |
url |
激活快捷方式时打开的 Web 应用中的 URI。 |
icons |
一组表示快捷方式的图标。 |
若要了解详细信息,请参阅 MDN 中的 快捷方式 。
调试快捷方式
可以使用 DevTools 的应用程序 面板测试是否正确配置了快捷方式。
若要测试是否正确配置了快捷方式,请执行以下操作:
在 Microsoft Edge 中,转到你的应用。
若要打开 DevTools,请右键单击网页,然后选择“检查”。 或者,按 Ctrl+Shift+I(Windows、Linux)或 Command+Option+I (macOS)。 DevTools 随即打开。
在 DevTools 的main工具栏上,选择“应用程序”选项卡。如果该选项卡不可见,请单击“更多选项卡 (
) 按钮,或者单击“更多工具 (
) 按钮。
在 “应用程序 ”工具中,选择“ 清单”。
向下滚动以显示快捷方式列表。
若要详细了解如何使用应用程序面板调试 PWA,请参阅 调试渐进式 Web 应用 (PWA) 。
另请参阅
- 在 MDN > 引用>渐进式 Web 应用如何中公开常见应用>操作作为快捷方式。