Пользовательский интерфейс
Расширения, использующие API WebExtension, предоставляют несколько вариантов пользовательского интерфейса, чтобы их функциональность была доступна пользователю. Ниже приведён обзор этих вариантов, а в этом разделе более подробно представлен каждый из них.
Примечание: Чтобы получить советы по использованию этих компонентов пользовательского интерфейса для создания отличного пользовательского опыта в расширении, ознакомьтесь со статьёй Рекомендации по наилучшим практикам для пользовательского опыта.
| Вариант пользовательского интерфейса | Описание | Пример |
|---|---|---|
| Кнопка на панели инструментов (действие браузера) | Кнопка на панели инструментов браузера, которая отправляет событие расширению при нажатии. По умолчанию кнопка отображается во всех вкладках. |  |
| Кнопка на панели инструментов с поп-упом | Поп-ап на кнопке на панели инструментов браузера, который открывается при нажатии на кнопку. Поп-ап определён в HTML-документе, обрабатывающем взаимодействие пользователя. |  |
| Кнопка в адресной строке (действие страницы) | Кнопка в адресной строке браузера, которая отправляет событие расширению при нажатии. По умолчанию кнопка скрыта во всех вкладках. |  |
| Кнопка в адресной строке с поп-упом | Поп-ап на кнопке в адресной строке браузера, который открывается при нажатии на кнопку. Поп-ап определён в HTML-документе, обрабатывающем взаимодействие пользователя. |  |
| Элемент контекстного меню | Элементы меню, флажки и переключатели в одном или нескольких контекстных меню браузера. Также меню можно структурировать, добавив разделители. При нажатии на элементы меню событие отправляется расширению. |  |
| Боковая панель | HTML-документ, отображаемый рядом с веб-страницей, с возможностью уникального контента для каждой страницы. Боковая панель открывается при установке расширения, а затем подчиняется выбору видимости боковой панели пользователем. Взаимодействие пользователя с боковой панелью обрабатывается её HTML-документом. |  |
| Страница настроек | Страница, которая позволяет определять настройки расширения, которые могут изменить пользователи. Пользователь может получить доступ к этой странице из менеджера дополнений браузера. |  |
| Страница расширения | Используйте веб-страницы, включённые в ваше расширение, для предоставления форм, справки или любого другого необходимого контента в окнах или вкладках. |  |
| Уведомление | Временные уведомления, отображаемые пользователю через механизм уведомлений операционной системы. Отправляет событие расширению, когда пользователь нажимает на уведомление или когда уведомление закрывается (автоматически или по запросу пользователя). |  |
| Предложение адресной строки | Предлагайте пользовательские предложения адресной строки, когда пользователь вводит ключевое слово. |  |
| Панель инструментов разработчика | Вкладка с связанным HTML-документом, отображаемая в инструментах разработчика браузера. |  |
Следующие руководства по практическому применению предоставляют пошаговые инструкции по созданию некоторых из этих вариантов пользовательского интерфейса:
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/user_interface
