Как создать расширение для Mozilla Firefox

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

 

 

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

С чего начать создавать расширение?

 

Для начала загрузите и установите всё необходимое программное обеспечение, а именно: версии 2.5, 2.6 или 2.7 и . можно взять с официального сайта языка ( https://www.python.org/downloads/). Конкретно нам он не понадобится, однако его требует . Она же, в свою очередь, будет использоваться именно для разработки и создания расширений. берем прямо с сайта Mozilla Firefox ( https://developer.mozilla.org/en-US/Add-ons/SDK/Tutorials/Installation). Там смотрим в разделе «Prerequisites» ссылку с именем «zip file». Все нужное обеспечение абсолютно бесплатно.

Установка требует, по сути, монотонного нажатия кнопки «Далее». С все чуточку сложнее. Во-первых, поместите распакованный пакет разработки в удобное для вас место. Во-вторых, откройте интерпретатор командной строки и перейдите в каталог директории командой . Далее, введите в консоль команду , а после стены мерцающего текста — . Вы увидите изменившееся приглашение интерпретатора, выглядящее приблизительно так: (C:\addon-sdk) C:\addon-sdk\bin>. Теперь среда разработки полностью готова.

Создайте папку для вашего первого проекта и перейдите в нее из консоли. Как вы, наверное, догадались, это будет программа «Hello World!». Введите команду . Она, согласно своему шаблону, сформирует нужные для расширения каталоги: , и . Также будет создан файл , содержащий , имя и заглавие расширения, версию релиза и другую информацию, связанную с его установкой и созданием. Теперь оставим ненадолго консоль и откроем для редактирования файл , располагающийся в каталоге , предпочтительным текстовым редактором.

 

 

Это главный файл программы, содержащий скрипт расширения, также называемый , который и будет интерпретироваться.

Всё нами задуманное исполняется следующим кодом:

var mainbutton = require("sdk/ui/button/action").ActionButton
 
({
 
id : "mainbutton",
 
label : "Click me!",
 
icon : "./icon16.png",
 
onclick : function ()
 
{
 
require("sdk/tabs").activeTab.attach({ contentScript : "alert('Hello World!')" });
 
}
 
});

 

Введите его в и сохраните файл. Здесь создается кнопка — объект — с идентификатором , высвечивающейся при наведении надписью , иконкой и обработчиком нажатия кнопки. Единственная строка функции обработчика внедряет скрипт, также называемый , в активную на данный момент вкладку браузера. Инструкция запрашивает у необходимые для выгрузки данные.

Для завершения создания расширения поместите любую иконку размера 16x16 пикселей в каталог и вернитесь к консоли. Введите команду , чтобы проверить работоспособность программы и убедиться в отсутствии ошибок. После ввода появится окно Firefox. Кнопочка с вашей иконкой будет расположена (по умолчанию) в правом верхнем углу браузера. Когда вы убедитесь, что все работает безошибочно, закройте окно браузера и снова перейдите к консоли для завершающей стадии создания расширения. Введите команду , которая сформирует файл формата . Перетащите его на вкладку дополнений обозревателя и разрешите установку. Можете себя поздравить, вы только что создали свое первое расширение для браузера Firefox!