Spec-Zone.ru › Web Extensions

Что такое расширения?

Примечание: Если вы уже знакомы с основными понятиями расширений браузера, пропустите этот раздел, чтобы увидеть, как собираются файлы расширения. Затем используйте справочную документацию, чтобы начать разработку своего расширения. Посетите Firefox Extension Workshop, чтобы узнать больше о рабочем процессе тестирования, публикации и расширений для Firefox.

Расширение добавляет функции в браузер. Оно создается с использованием привычных веб-технологий — HTML, CSS и JavaScript. Оно может использовать те же веб-API, что и JavaScript на веб-странице, но расширение также имеет доступ к своему собственному набору API JavaScript. Это означает, что вы можете сделать гораздо больше в расширении, чем с кодом на веб-странице. Вот несколько примеров того, что вы можете сделать:

Улучшить или дополнить веб-сайт: Используйте надстройку для предоставления дополнительных функций в браузере или информации с вашего веб-сайта. Позвольте пользователям собирать данные с посещаемых ими страниц для улучшения предлагаемого вами сервиса.

Amazon add-on example providing price comparison features

Примеры: Amazon Assistant для Firefox, OneNote Веб-клипер и Grammarly для Firefox.

Позволить пользователям проявить свою индивидуальность: Расширения браузера могут изменять содержимое веб-страниц; например, позволяя пользователям добавлять свой любимый логотип или изображение в качестве фона на каждую посещаемую ими страницу. Расширения также могут позволить пользователям изменить вид интерфейса Firefox, точно так же, как это делают автономные надстройки тем.

My Web New Tab add-on showing a Batman theme

Примеры: MyWeb Новая вкладка, Tabliss и VivaldiFox.

Добавить или удалить содержимое веб-страниц: Возможно, вы захотите помочь пользователям блокировать навязчивую рекламу с веб-страниц, предоставить доступ к путеводителю по путешествиям, когда упоминается страна или город на веб-странице, или переформатировать содержимое страницы для предоставления согласованного опыта чтения. Благодаря возможности доступа и обновления HTML и CSS страницы, расширения могут помочь пользователям видеть веб так, как они хотят.

uBlock origin add-on example with blocked tracker statistics

Примеры: uBlock Origin, Reader и Набор инструментов для Google Play Store™.

Добавить инструменты и новые функции просмотра: Добавить новые функции в рабочую доску задач или сгенерировать изображения QR-кода из URL-адресов, гиперссылок или текста страницы. С гибкими параметрами пользовательского интерфейса и мощностью API WebExtensions вы можете легко добавлять новые функции в браузер. И вы можете улучшить практически любые функции или функциональность веб-сайта, это не обязательно должен быть ваш сайт.

QR code generator add-on example

Примеры: Swimlanes для Trello и Tomato Clock.

Игры: Предлагайте традиционные компьютерные игры с возможностями автономной игры или исследуйте новые возможности игр; например, интегрируя игровой процесс в повседневный просмотр.

Примеры: Игра в Пасьянс и 2048 Prime.

Добавить инструменты разработки: Возможно, вы предоставляете инструменты веб-разработки как свою бизнес-деятельность или разработали полезную технику или подход к веб-разработке, которыми хотите поделиться. В любом случае вы можете улучшить встроенные инструменты разработчика Firefox, добавив новую вкладку в панель инструментов разработчика.

Axe accessibility testing addon example

Примеры: Веб-разработчик, Инструменты разработчика React и Инструменты разработчика aXe.

Расширения для Firefox создаются с использованием API WebExtensions — межбраузерной системы для разработки расширений. В значительной степени API совместим с API расширений, поддерживаемым Google Chrome и Opera. Расширения, написанные для этих браузеров, в большинстве случаев будут работать в Firefox или Microsoft Edge с небольшим количеством изменений. API также полностью совместим с многопроцессорным Firefox.

Если у вас есть идеи, вопросы или нужна помощь в миграции устаревшей надстройки на API WebExtensions, вы можете связаться с нами на форуме Add-ons или в комнате Add-ons на Matrix.

Что дальше?

  • Подробно рассмотрите разработку простого расширения в Первое расширение.
  • Узнайте о структуре расширения в Структура расширения.
  • Попробуйте примеры расширений в Примеры расширений.

© 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/What_are_WebExtensions

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API