Jetpack для Firefox позволяет нам легко создавать плагины Firefox, используя только те навыки интерфейса (HTML/CSS/JS), которые мы освоили. Что, вероятно, еще более интересно, Jetpack также интегрирует структуру jQuery.
Будь то Adobe Air, Web OS или Jetpack, по крайней мере, давайте будем уверены, что ценность внешнего интерфейса будет все больше проявляться в новых возможностях.
Давайте посмотрим, как шаг за шагом создать ваше первое расширение Jetpack для Firefox :
Шаг 1. Установите плагин Jetpack.
Адрес плагина Jetpack: https://jetpack.mozillalabs.com/install.html.
После установки плагина Jetpack вы можете получить доступ к локальному интерфейсу Jetpack, набрав about : jetpack в адресной строке.
Шаг 2. Создайте файл planabc.js.
Подробный код planabc.js :
реактивный пакет . statusBar добавить ( {
html : '<img src="http://www.planabc.net/favicon.ico"/>' ,
ширина : 16 ,
onReady : функция ( виджет ){
$ ( виджет ) .клик ( функция (){
вкладки jetpack . "http://www.planabc.net/" ;
});
}
}); jetpack.statusBar.append выполнит объект JavaScript (объект JavaScript имеет четыре свойства: html , url , width и onReady).
- Атрибут html: определяет исходный HTML-код, который будет отображаться в строке состояния. В этом примере отображается простой элемент IMG.
- Атрибут url: определяет URL-адрес внешнего HTML-содержимого, которое будет отображаться в строке состояния. В этом примере это свойство не используется.
- Атрибут ширины: определяет ширину содержимого в строке состояния (единица измерения: пиксели). В этом примере она определена как 16 пикселей, что соответствует ширине самого элемента IMG.
- Атрибут onReady: определяет вызываемую функцию (эта функция будет вызываться после создания строки состояния). Поскольку Jetpack интегрирует структуру jQuery, вы можете напрямую использовать свойства и методы jQuery. В этом примере определена функция . При щелчке по расширению Jetpack мы изменим свойство местоположения jetpack . jetpack . tabs . contentWindow . Объект местоположения эквивалентен объекту окна, к которому вы можете получить доступ через JavaScript для доступа к веб-страницам.
