Разработка дополнений FireFox: различия между версиями

Материал из Викиверситета
Содержимое удалено Содержимое добавлено
Строка 11: Строка 11:
Откроется окно для выбора профиля. Нажимаем кнопку создания профиля и указываем папку для создания нового профиля. Предпочтительно создать папку так, чтобы она была легко доступна, например:
Откроется окно для выбора профиля. Нажимаем кнопку создания профиля и указываем папку для создания нового профиля. Предпочтительно создать папку так, чтобы она была легко доступна, например:
D:\my_experiments\firefox
D:\my_experiments\firefox
Далее устанавливаем [https://docs.google.com/leaf?id=0Bxq3xliGOpxZODQ0NmJkNGYtYmIxMS00NTg5LWFmNDUtYzI4NWJjZDk0YzRl&hl=en_GB helloworld.xpi]
Далее скачиваем и устанавливаем шаблонный проект [https://docs.google.com/leaf?id=0Bxq3xliGOpxZODQ0NmJkNGYtYmIxMS00NTg5LWFmNDUtYzI4NWJjZDk0YzRl&hl=en_GB helloworld.xpi]. На панели управления должна появиться кнопка, по нажатию которой отображается сообщение.

После установки файл окажется в директории
D:\my_experiments\firefox\extensions
с названием
helloworld@ru.wikiversity.org.xpi
Работать с архивом не удобно, поэтому закройте firefox и распакуйте содержимое в
D:\my_experiments\firefox\extensions\helloworld@ru.wikiversity.org\
а исходный файл удалите.

Включите FireFox и убедитесь, что всё по прежнему работает. Если так, то можно приступать к изучению шаблонного проекта.

Версия от 18:30, 20 августа 2011

Семинар «Разработка дополнений FireFox» является частью обучающих материалов кафедры веб-технологий.

Дополнения к FireFox распространяются в виде файлов с расширением xpi. Эти файлы являются zip-архивами. Внутри архива могут находиться javascript, xul, css-файлы и даже jar-архивы. В большинстве случаев файлы структурированы в диретории и эти директории имеют стандартные названия. В-общем, всё довольно человекопонятно и человекодоступно. Давайте попробуем создать простое расширение. Пусть это будет кнопка, которую мы могли бы разместить на произвольной панели инструментов FireFox и по нажатию на неё должно появляться всплывающее окно.

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

Подготовка рабочего пространства

Итак, для начала создадим отдельный FireFox профиль, который не жалко сломать. Для этого нажимаем Win+R и вводим команду

firefox -P

Откроется окно для выбора профиля. Нажимаем кнопку создания профиля и указываем папку для создания нового профиля. Предпочтительно создать папку так, чтобы она была легко доступна, например:

D:\my_experiments\firefox

Далее скачиваем и устанавливаем шаблонный проект helloworld.xpi. На панели управления должна появиться кнопка, по нажатию которой отображается сообщение.

После установки файл окажется в директории

D:\my_experiments\firefox\extensions

с названием

helloworld@ru.wikiversity.org.xpi

Работать с архивом не удобно, поэтому закройте firefox и распакуйте содержимое в

D:\my_experiments\firefox\extensions\helloworld@ru.wikiversity.org\

а исходный файл удалите.

Включите FireFox и убедитесь, что всё по прежнему работает. Если так, то можно приступать к изучению шаблонного проекта.