MDN will be in maintenance mode on Wednesday September 20th, starting at 10 AM Pacific / 5 PM UTC, for about 1 hour.

Дополнения

Пользовательский интерфейс

Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

Расширения, которые используют WebExtension API-интерфейсы имеют несколько вариантов пользовательского интерфейса, так что их функциональность может быть доступна для пользователей. Ниже приводится краткое описание этих параметров, с более подробным введением в каждый пользовательский интерфейс в этом разделе.

Для получения рекомендаций по использованию этих компонентов пользовательского интерфейса для создания отличного пользовательского интерфейса в своем расширении обратитесь к статье User experience best practices.

Вариант UI Описание Пример
Browser toolbar button Кнопка на панели инструментов браузера, которая отправляет событие в расширение при нажатии. По умолчанию кнопка отображается во всех вкладках. Example of a WebExtension toolbar button
Browser toolbar button with a popup Кнопка со всплывающим окном на панели инструментов браузера, которая открывается при нажатии. Всплывающее окно определяется в документе HTML, который обрабатывает взаимодействие пользователя. Example of a WebExtension toolbar button with a popup
Address bar button Кнопка в адресной строке браузера, которая отправляет событие в расширение при нажатии. По умолчанию кнопка скрыта во всех вкладках. Example showing an address bar button (page action)
Address bar button with a popup Кнопка со всплывающим окном в адресной строке браузера, которое открывается при нажатии. Всплывающее окно определяется в документе HTML, который обрабатывает взаимодействие пользователя. Example of a popup on the address bar button
Context menu items Элементы меню, флажки и переключатели в одном или нескольких контекстных меню браузера. Кроме того, меню можно структурировать, добавив разделители. При нажатии пунктов меню событие отправляется на расширение.
Sidebar

HTML-документ, отображаемый рядом с веб-страницей, с параметром «уникальное содержимое на страницу». Боковая панель открывается при установке расширения, а затем подчиняется выбору видимости боковой панели пользователя. Взаимодействие с пользователем в боковой панели обрабатывается HTML-документом.

Example of a WebExtension's sidebar
Options page Страница, которая позволяет вам определять настройки для вашего расширения, которые могут изменить ваши пользователи. Пользователь может получить доступ к этой странице из управления дополнениями. Example showing the options page content added in the favorite colors example.
Bundled web pages Используйте веб-страницы, включенные в расширение, для предоставления форм, справки или любых других необходимых компонентов в окнах или на вкладках. Example of a simple bundled page displayed as a detached panel.
Notifications Промежуточные уведомления отображаются пользователю через механизм уведомлений базовой операционной системы. Отправляет событие на расширение, когда пользователь нажимает уведомление или когда уведомление закрывается (либо автоматически, либо по запросу пользователя). Example notification from a WebExtension
Address bar suggestions Предлагать настраиваемые варианты адресной строки при вводе пользователем ключевого слова. Example showing the result of the firefox_code_search WebExtension's customization of the address bar suggestions.
Developer tools panels Вкладка со связанным HTML-документом, который отображается в инструментах разработчика браузера. New panel tab in the Developer Tools tab bar

В следующих руководствах приведены пошаговые инструкции по созданию некоторых из этих параметров пользовательского интерфейса:

Метки документа и участники

 Внесли вклад в эту страницу: Shychara
 Обновлялась последний раз: Shychara,