Определение ярлыков приложений

Сочетания клавиш для приложений позволяют пользователям быстрее и проще выполнять распространенные задачи, а также повысить вовлеченность в работу с приложением.

На мобильных устройствах доступ к ярлыкам обычно можно получить путем длительного нажатия значка приложения. В Windows ярлыки интегрируются как списки переходов. Списки переходов определяют всплывающие меню, которые появляются при щелчке правой кнопкой мыши плитки в меню "Пуск" или щелчке правой кнопкой мыши значка на панели задач.

На следующем рисунке показаны сочетания клавиш в Microsoft Edge в iOS:

Сочетания клавиш в Microsoft Edge в iOS

На следующем рисунке показан список переходов в приложении webboard в Windows:

Список переходов в приложении веб-панели в Windows

Прогрессивные веб-приложения (PWA) также могут определять общие задачи как ярлыки в манифесте веб-приложения.

Определение сочетаний клавиш

Определение ярлыков выполняется с помощью элемента манифеста 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 Универсальный код ресурса (URI) в веб-приложении, который открывается при активации ярлыка.
icons Набор значков, представляющих ярлык.

Дополнительные сведения см. в разделе Сочетания клавиш в MDN.

Сочетания клавиш отладки

Вы можете проверить правильность настройки сочетаний клавиш с помощью панели "Приложения " в средствах разработки.

Чтобы проверить правильность настройки сочетаний клавиш, выполните следующие действия:

  1. В Microsoft Edge перейдите к приложению.

  2. Чтобы открыть Средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS). Откроется devTools.

  3. В DevTools на панели инструментов main выберите вкладку Приложение. Если эта вкладка не отображается, нажмите кнопку Дополнительные вкладки (значок ") или кнопку Дополнительные инструменты (значок ") .

  4. В средстве "Приложение " выберите Манифест.

  5. Прокрутите вниз, чтобы отобразить список сочетаний клавиш.

    Ярлыки перечислены на панели

Дополнительные сведения об использовании панели приложений для отладки PWA см. в статье Отладка прогрессивных веб-приложения (PWA).