(长按或右键单击菜单) 定义应用快捷方式

应用快捷方式使用户能够更快、更轻松地完成常见任务，并可以增加他们对应用的参与度。

在移动设备上，通常可以通过长按应用图标来访问快捷方式。 在 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 的应用程序 面板测试是否正确配置了快捷方式。

若要测试是否正确配置了快捷方式，请执行以下操作：

1. 在 Microsoft Edge 中，转到你的应用。

2. 若要打开 DevTools，请右键单击网页，然后选择“检查”。 或者，按 Ctrl+Shift+I（Windows、Linux）或 Command+Option+I (macOS)。 DevTools 随即打开。

3. 在 DevTools 的main工具栏上，选择“应用程序”选项卡。如果该选项卡不可见，请单击“更多选项卡 () 按钮，或者单击“更多工具 () 按钮。

4. 在 “应用程序 ”工具中，选择“ 清单”。

5. 向下滚动以显示快捷方式列表。

   

若要详细了解如何使用应用程序面板调试 PWA，请参阅 调试渐进式 Web 应用 (PWA) 。

另请参阅

• 在 MDN > 引用>渐进式 Web 应用如何中公开常见应用>操作作为快捷方式。