Что такое расширения?
Примечание: Если вы уже знакомы с основными понятиями расширений браузера, пропустите этот раздел, чтобы увидеть, как собираются файлы расширения. Затем используйте справочную документацию, чтобы начать разработку своего расширения. Посетите Firefox Extension Workshop, чтобы узнать больше о рабочем процессе тестирования, публикации и расширений для Firefox.
Расширение добавляет функции в браузер. Оно создается с использованием привычных веб-технологий — HTML, CSS и JavaScript. Оно может использовать те же веб-API, что и JavaScript на веб-странице, но расширение также имеет доступ к своему собственному набору API JavaScript. Это означает, что вы можете сделать гораздо больше в расширении, чем с кодом на веб-странице. Вот несколько примеров того, что вы можете сделать:
Улучшить или дополнить веб-сайт: Используйте надстройку для предоставления дополнительных функций в браузере или информации с вашего веб-сайта. Позвольте пользователям собирать данные с посещаемых ими страниц для улучшения предлагаемого вами сервиса.
Примеры: Amazon Assistant для Firefox, OneNote Веб-клипер и Grammarly для Firefox.
Позволить пользователям проявить свою индивидуальность: Расширения браузера могут изменять содержимое веб-страниц; например, позволяя пользователям добавлять свой любимый логотип или изображение в качестве фона на каждую посещаемую ими страницу. Расширения также могут позволить пользователям изменить вид интерфейса Firefox, точно так же, как это делают автономные надстройки тем.
Примеры: MyWeb Новая вкладка, Tabliss и VivaldiFox.
Добавить или удалить содержимое веб-страниц: Возможно, вы захотите помочь пользователям блокировать навязчивую рекламу с веб-страниц, предоставить доступ к путеводителю по путешествиям, когда упоминается страна или город на веб-странице, или переформатировать содержимое страницы для предоставления согласованного опыта чтения. Благодаря возможности доступа и обновления HTML и CSS страницы, расширения могут помочь пользователям видеть веб так, как они хотят.
Примеры: uBlock Origin, Reader и Набор инструментов для Google Play Store™.
Добавить инструменты и новые функции просмотра: Добавить новые функции в рабочую доску задач или сгенерировать изображения QR-кода из URL-адресов, гиперссылок или текста страницы. С гибкими параметрами пользовательского интерфейса и мощностью API WebExtensions вы можете легко добавлять новые функции в браузер. И вы можете улучшить практически любые функции или функциональность веб-сайта, это не обязательно должен быть ваш сайт.
Примеры: Swimlanes для Trello и Tomato Clock.
Игры: Предлагайте традиционные компьютерные игры с возможностями автономной игры или исследуйте новые возможности игр; например, интегрируя игровой процесс в повседневный просмотр.
Примеры: Игра в Пасьянс и 2048 Prime.
Добавить инструменты разработки: Возможно, вы предоставляете инструменты веб-разработки как свою бизнес-деятельность или разработали полезную технику или подход к веб-разработке, которыми хотите поделиться. В любом случае вы можете улучшить встроенные инструменты разработчика Firefox, добавив новую вкладку в панель инструментов разработчика.
Примеры: Веб-разработчик, Инструменты разработчика 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