Создание расширения

Опубликовано: 10.10.2017

Введение

Этот краткий курс касается построения простейшего расширения для Firefox, которое будет добавлять в строку статуса надпись "Hello, World!".

Создание расширения для Chromium (Chrome, Opera, Yandex, Amigo, Dragon) | JavaScript [Видеоуроки]

Что нужно знать для начала работы

Система разработки расширений спроектирована таким образом, что для начала разработки собственного расширения не требуется быть профессиональным программистом. Как бы то ни было, это программирование, поэтому желательно иметь некое представление о принципах работы компьютерных программ вообще и, в частности, быть знакомым с XML. Вообще желательно знание также JavaScript и CSS, однако в этой статье оно вам не понадобится.

Создание проекта расширения

Расширения состоят из нескольких файлов и для корректной его работы необходимо придерживаться определенных правил их расположения в директориях. Вот структура типичного расширения:

/myExtension: /install.rdf /components/* /defaults/ /defaults/preferences/*.js /plugins/* /chrome.manifest /chrome/icons/default/* /chrome/ /chrome/content/

Впрочем, в вашем расширении необязательно должны быть все эти папки. Сейчас мы создадим схожий каркас для нашего расширения. Для начала создадим папку для его хранения (напр. C:\extensions\my_extension\ для Windows или ~/extensions/my_extension/ для Unix/Linux). Эта папка будет корневой. Создайте в ней подпапку chrome, а в последней - папку content.

Теперь создайте в корневой папке 2 пустых файла: chrome.manifest и install.rdf.

Итак, сейчас мы имеем такую структуру расширения:

<ext path>/ install.rdf chrome.manifest chrome/ content/

Для облегчения дальнейшей разработки и тестирования рекомендуем настроить Firefox для разработки расширения .

Создание скрипта ("манифеста") установки

Откройте файл install.rdf в текстовом редакторе и поместите в него следующее: