Лучшие расширения для Mozilla Firefox

Несмотря на то, что сегодня браузер Mozilla Firefox уже не является таким популярным как несколькими годами ранее, его все еще используют миллионы людей по всему миру. В свое время этот обозреватель стал популярным благодаря поддержке расширений, коих для Firefox было выпущено просто неимоверное количество. Постепенно многие функции, которые добавляли популярные плагины, были заменены штатными средствами. Но даже сегодня существует немало расширений, делающих жизнь пользователей «огненного лиса» гораздо проще и приятнее. Самые интересные и полезные подобных расширений, по нашему скромному мнению, мы перечислим в этой статье.

Какие расширения сегодня чаще всего устанавливают активные пользователи сети для своих браузеров? Конечно же блокировщики рекламы! Ведь «серфить» не отвлекаясь на назойливые баннеры и всплывающие окна гораздо приятнее. Кроме того, вы не тратите трафик на загрузку лишних графических элементов веб-страницы. Почему мы выбрали именно uBlock, а не более популярный Adblock? Потому что uBlock гораздо более тщательно ищет и блокирует рекламу на странице, не «тормозит» браузер и предлагает гораздо более удобный интерфейс «белого списка» ресурсов.

Лучшее, по нашему мнению, расширение для обеспечения безопасности и анонимности пребывания в сети. Оно позволит изменить IP пользователя и включить шифрование трафика через VPN-сервер. Тем самым вы получите доступ к не работающим в вашей стране веб-ресурсам и сможете обойти блокировку по IP в какой-нибудь игре или сервисе. От прочих подобных расширений, ZenMate отличает относительно высокая скорость и стабильность соединения с VPN. Если данное расширение вам, по каким-либо причинам, не понравилось, то попробуйте использовать неплохую альтернативу — anonymoX!

Очень удобный инструмент для создания скриншотов, в котором все сделано специально для того, чтобы вы могли легко «заскринить» веб-страницу (или ее часть) после чего поделиться изображением с другими людьми. После создания скриншота программа автоматически загружает его в «облако» и предоставляет прямую ссылку. Ее можно отправить в социальных сетях или мессенджерах. Также в составе Awesome Screenshot имеется простенький редактор и поддержка сохранения изображений на жесткий диск компьютера в форматах PNG и JPG. Другое удобное расширений со схожим функционалом носит название FireShot и практически не уступает Awesome Screenshot функционалом.

Расширение для людей, которые при работе с браузером открывают много вкладок. Оно дает возможность сохранять и восстанавливать сессии с вкладками, может запрещать открытие пустых вкладок, а также содержит настройки всплывающих окон. Адекватного альтернативного решения, которое обладает всем функционалом Tab Mix Plus мы не нашли. Но в качестве замены менеджера сессий можете использовать дополнение с «говорящим» названием — Session Manager.

Думаете Mozilla Firefox — это быстрый браузер? Готовы с вами согласиться! Но, чтобы еще больше ускорить загрузку страниц веб-страниц, попробуйте установить дополнение Fasterfox. Это такой набор твиков, позволяющий отключать не самые нужные функции и службы браузера, который могут негативно сказываться на скорости его работы. Имейте ввиду, что интерфейс расширения представлен только на английском языке!

Просто великолепное решение для людей, которые желают избавиться от чувства того, что веб-браузер следит за ними. Оно отключает всевозможные механизмы сбора личных данных и статистики, которую посещаемые ресурсы могут добывать как «законным», так и мошенническим способом. Кстати, у дополнения очень приятный интерфейс и по ощущениям оно отчасти «ускоряет» браузер. 

Расширение, помогающее автоматизировать работу с браузером посредством макросов. Если вы не знаете, что такое макрос, то данное дополнение будет вам совершенно не интересно. Тем же, кто умеет пользоваться (а может даже самостоятельно писать) макросы, iMacros даст практически безграничные возможности по настройке автоматического выполнения разных операций с Firefox.

Небольшое, но полезное расширение, запрещающее выполнение JavaScript на страницах. Из основных преимуществ такого ограничения — повышение скорости и безопасности работы браузера. Правда, некоторые страницы из-за отключения JavaScript могут отображаться не совсем корректно. Сайты, на которых NoScript мешает работе можно добавить в «белый список».

Если предыдущее расширение запрещает выполнение скриптов, то это — напротив позволяет заставить их «работать» для вашей пользы. Обычно Greasemonkey используют для того, чтобы изменить внешний вид своего любимого веб-сервиса или социальной сети. Например — заменить скучный белый фон страницы красивым изображением. Также расширение позволяет отключить некоторые ограничения сервисов, мешающих работе. Например, можно отключить защиту от перехода на подозрительные сайт из социальной сети Вконтатке.

Аббревиатура, которая обозначает (нет, не World of Tanks, как могли подумать любители многопользовательских игр) Web of Trust — «сеть доверия». Оно позволяет просматривать «репутацию» разных веб-ресурсов и выявлять среди них мошеннические. Индикаторы «честности» отображаются как в поисковой выдаче, так и при вводе URL нужно страниц вручную. Если значок WOT при посещении сайта окрашивается в цвет, отличный от зеленого, — рекомендуем не загружать файлы с этого сайта и, уж тем более, не производить на нем финансовых операций. Лучше просто покиньте такой ресурс.

Менеджер прокси, с которым гораздо легче работать, нежели со стандартными средствами Firefox. Расширение позволяет легко переключаться между добавленными в список серверами, перемещать часто используемые прокси в отдельный раздел и даже автоматически проверять их работоспособность. Также данное расширение работает с Thunderbird и SeaMonkey.

Вот и все расширения, которые мы можем смело рекомендовать практически каждому пользователю браузера от Mozilla. Конечно, существуют и другие полезные дополнения, так что претендовать на составление самого полного списка «полезностей», мы не смеем. А какие расширения используете вы? Поделитесь в комментариях!

Расширения Firefox для веб-разработки на все случаи жизни / Habr

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

Безусловно в этом списке вы обязательно найдёте уже знакомые расширения, однако огромный пласт полезных расширений всегда остаётся в стороне. Так что приготовьтесь установить ещё парочку расширений! 🙂

Встроенные инструменты разработки в Firefox

Перед началом списка было бы неправильно не упомянуть об инструментах, уже встроенных в Firefox. Здесь речь идёт о тех самых инструментах разработки в Firefox Aurora 10 и том функционале, который сегодня можно найти в любом современном браузере.

При разработке интерфейса этих инструментов было перепробовано множество подходов и решений. В результате получился довольно приятный интерфейс, который любой желающий может испробовать, установив Firefox Aurora (хм, вы ещё его не поставили?)

Ну а под катом вас ждёт огромный перечень расширений, который обязательно окажется полезным для любого веб-разработчика.

Firebug

Это расширение идёт нулевым в списке расширений. Firebug установил стандарт в инструментах разработки во всех браузерах. Обычно используется для живого редактирования CSS и HTML, отладки JavaScript и оптимизации загрузки страниц. Некоторые из нижеупомянутых расширений основаны на Firebug, поэтому к этому расширению мы ещё вернёмся.

На всякий случай напоминаю, что Firebug достаточно требователен к памяти, поэтому не забывайте его отключать (или просто не включать) на тех сайтах, с которыми вы не работаете.

Стандартные расширения Firefox для веб-разработчиков

За многие годы было разработано множество расширений для использования возможностей Firefox по максимуму. Некоторые из них популярны, другие вы, вероятно, увидите впервые. Если вы используете не упомянутое здесь расширение, напишите в комментариях!

Accessibility Evaluation Toolbar

Набор инструментов для тестирования веб-страниц по различным критериям.

All in One Sidebar

Левая панель, на которую можно скидывать ссылки, загрузки, расширения, историю посещений и пр. Чем-то напоминает панель браузера Opera.

Cache Status

Очистка и настройка кэша в разных местах Firefox.

CacheToggle

Отключение (и/или очистка) кэша браузере одной кнопкой.

Colorzilla

Многофункциональная пипетка, генератор градиентов и кое-что ещё. Работает с цветами в RGB 0-255, RGB 0%-100%, HSL или hex-цветами.

Console²

Console² заменяет встроенную консоль JavaScript консолью нового поколения. Если вас по каким-то причинам не устраивает Firebug, то это расширение окажется крайне полезным.

CSS Reloader

Одной клавишей F9 позволяет перезагрузить CSS-файлы без обновления самой страницы.

DOM Inspector

Классический двухпанельный редактор DOM-дерева. Также работает с XUL.

Firefogg

Предоставляет API для перекодирования видео- и аудиофайлов в формат OGG при загрузке на сайт прямо в Firefox.

FireFTP

Полноценный кроссплатформенный FTP/SFTP-клиент прямо в браузере окажется полезным любителям загружать и редактировать файлы на FTP-сервере.

FireUnit

Расширение для юнит-тестирования JavaScript. В дополнительных комментариях не нуждается.

FoxGuide

Горизонтальные и вертикальные плавающие линейки для выравнивания элементов интерфейса относительно друг-друга.

FoxyProxy Standard

Расширение FoxyProxy полностью заменяет встроенный механизм работы с прокси-серверами. Более функциональное расширение, чем его собратья: SwitchProxy, ProxyButton, QuickProxy, xyzproxy, ProxyTex, TorButton, и т. д.

GreaseMonkey

Кастомизация страниц с помощью JavaScript. Имеет огромный репозитарий скриптов на www.userscripts.org.

HTML Validator

Валидация HTML внутри браузера с отображением количества ошибок в иконке.

HttpFox

Расширение HTTP-анализатора для Firefox.

iMacros для Firefox

Автоматизирует Firefox. Позволяет записать и потом воспроизвести повторяющиеся действия. Если вы пользуетесь Firefox и каждый день выполняете рутинную работу по заполнению форм или обходу страниц, то это расширение просто то, о чём вы мечтали!

Jenkins Build Monitor

Мониторинг сборок Jenkins (http://jenkins-ci.org) и отображение хода сборки в статусной строке Firefox.

Расширение jQuery

Теперь jQuery и jQuery UI встроены прямо в браузер.

JSONович!

Красиво форматирует JSON-код для облегчения чтения в браузере.

JSONView

Ещё один просмотрщик JSON-документов в браузере.

JSView

Открывает в новом окне используемые js/css-файлы с внешних сайтов, если таковые присутствуют.

Link Widgets

Добавляет кнопки первой, последней, следующей и предыдущие страницы, тем самым облегчая навигацию по связанным последовательностям страниц (например, веб-комиксы, форумы или технические спецификации, например, HTML 5).

Live HTTP Headers

Просмотр HTTP-заголовков страницы при загрузке страницы.

LiveReload

Расширение LiveReload автоматически обновляет страницу при изменении файла на жёстком диске.

MeasureIt

Инструмент замера расстояний в пикселях на страницах.

Modify Headers

Добавление, изменение и фильтрация строк в заголовках HTTP-запросов в момент отправки. Используется, в частности, при разработке для мобильных устройств, тестировании HTTP и проверке безопасности.

NoScript

Лучший инструмент защиты для браузера! Даже если вы не собираетесь отключать везде JavaScript, расширение защитит вас от большинства вида XSS и кликджекинг-атак.

PageSpeed

Проект от Google, дающий рекомендации по увеличению производительности веб-сайта.

PixelZoomer

PixelZoomer снимает скриншот страницы для последующего попискесльного анализа. Может увеличивать до 3200%, замерить расстояние или снять значение цвета с помощью пипетки.

Pixlr Grabber

Расширение для онлайн-редактора изображений pixlr.com/editor. Пригодится в случае, если нужно взять готовое изображение или снять скриншот страницы, а затем изменить его (затереть персоналные данные, добавить подписи и др.).

Poster

Инструмент для выполнения HTTP-запросов и просмотра их результатов. Удобен для тестирования взаимодействия с веб-сервисами.

QuickJava

Быстрое включение или отключение Java, Javascript, Flash, Silverlight, изображений, CSS и прокси из панели состояния и/или верхней панели.

Regular Expressions Tester

Инструмент тестирования для регулярных выражений с подсветкой соответствий.

Remove Cookie(s) for Site

Очень простое расширение для очистки cookies от сайта. Прячется в меню по правой кнопке мыши.

SQLite Manager

Графический интерфейс для управления базами данных SQLite.

Кнопки Selenium IDE

Просто кнопки для открытия Selenium IDE. Естественно, для работы должна быть установлена сама Selenium IDE: http://seleniumhq.org/projects/ide/

SeoQuake SEO

Расширение Seoquake поможет оптимизировать сайт для поисковых систем и социальных сетей.

ShowIP

Показывает IP-адрес(а) текущей страницы в строке состояния. Также по правому клику отобразит имя хоста, информацию из hois, netcraft и пр. Там же можно скопировать IP-адрес.

Stylish

Смена стилевых таблиц для сайтов. Stylish, подобно GreaseMonkey, имеет крупный репозитарий тем оформлений для сайтов типа Google, YouTube, Tumblr и других.

Tamper Data

Расширение для просмотра и изменения HTTP/HTTPS-заголовков и параметров POST.

Total Validator

Одновременная проверка страницы несколькими валидаторами. Работает с внешними и внутренними сайтами, а также просто с локальными страничками.

User Agent Switcher

Переключатель юзер-агента. Пара кликов — и сайты считают вас мобильным устройством или поисковиком.

Web Developer

Панель для веб-разработки. Содержит богатый функционал, не пересекающийся с Firebug.

Расширения Firebug

Firebug на своём пути развития также решил обзавестись расширениями на все случаи жизни. Вот, что из этого получилось:

Acebug

Подсветка синтаксиса и автодополнение при вводе в редакторе Firebug с помощью редактора Ace.

Code Coverage v2 для Firebug 0.1

Отображает покрытие Javascript-кода в окне Firebug.

CSS Usage

Расширение, показывающее, какие CSS-правила действительно используются.

Firecookie

Расширение Firecookie добавляет вкладку Cookies в Firebug.

Firefinder

Находит HTML-элементы, соответствующие CSS-селектору или выражению XPath.

FirePHP

Логирование из PHP в панель Firebug по простому обращению к специальному методу в PHP.

FireQuery

Плагин Firebug для разработки в jQuery.

Inline Code Finder

Расширение Inline Code Finder находит участки в HTML-коде со встроенными скриптами, стилями и ссылками вида «javascript:…».

FireRainbow

Подсветка синтаксиса для Javascript.

NetExport

Расширение NetExport позволяет экспортировать всю собранную информацию с панели Net в формат HTTP Archive (HAR) на основе JSON.

Pixel Perfect

Расширение Pixel Perfect позволяет наложить готовый макет на разрабатываемую страницу.

YSlow

YSlow анализирует страницы и даёт советы по оптимизации их скорости по правилам Yahoo.

Ещё больше расширений для Firebug доступно на странице Firebug Extensions.

А какие ещё расширения вы используете при разработке?

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

Введение

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

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

Система разработки расширений спроектирована таким образом, что для начала разработки собственного расширения не требуется быть профессиональным программистом. Как бы то ни было, это программирование, поэтому желательно иметь некое представление о принципах работы компьютерных программ вообще и, в частности, быть знакомым с 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 в текстовом редакторе и поместите в него следующее:

<?xml version="1.0"?>

<RDF xmlns="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
     xmlns:em="http://www.mozilla.org/2004/em-rdf#">

  <Description about="urn:mozilla:install-manifest">
    <em:id>[email protected]</em:id>
    <em:version>1.0</em:version>
    <em:type>2</em:type>
   
    <!-- Target Application this extension can install into, 
         with minimum and maximum supported versions. --> 
    <em:targetApplication>
      <Description>
        <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
        <em:minVersion>1.5</em:minVersion>
        <em:maxVersion>2.0.0.*</em:maxVersion>
      </Description>
    </em:targetApplication>
   
    <!-- Front End MetaData -->
    <em:name>sample</em:name>
    <em:description>A test extension</em:description>
    <em:creator>Your Name Here</em:creator>
    <em:homepageURL>http://www.example.com/</em:homepageURL>
  </Description>      
</RDF>

Как видите, этот файл имеет вид XML-файла. Полное описание необходимых и возможных параметров есть здесь, сейчас же отметим лишь, что этот файл предназначен для общего описания расширения, например, уникальный идентификатор расширения, его версию, имя, автора, информацию о совместимости и т.п. Назначение многих параметров понятно из их названия. Что необходимо знать сейчас:

• [email protected] — уникальный идентификатор вашего расширения. Это может быть адрес электронной почты (как здесь) или GUID. Обратите внимание, что адрес может быть несуществующим, главное, чтобы он был уникальным.

• 2 — указывает, что это именно расширение (связано с тем, что такие же манифесты создаются для тем и плагинов).

• {ec8030f7-c20a-464f-9b0e-13a3a9e97384} — идентификатор Firefox’а (конечно, он одинаковый для всех расширений).

• 1.5 — минимальная версия Firefox, с которой будет работать ваше приложение. Обратите внимание, что указать здесь какой-либо номер не значит автоматически сделать расширение работающим с этой версией. Это лишь означает, что вы, как разработчик, утверждаете, что расширение будет работать с ней, а вот будет ли так, зависит только от вас.

• 2.0.0.* — максимальный номер версии Firefox. * означает, что включаются все версии, имеющие вид 2.0.0.x, где x — любое число.

Расширение браузера с помощью XUL

Интерфейс Firefox написан на XUL и JavaScript. XUL — это язык, основанный на XML. Он отвечает за визуальную часть интерфейса. JavaScript реализует функциональность через привязку к действиям пользователя.

Так как визуально браузер строится на XUL, то, следовательно, он весь представляется в виде XML-файла. Вы можете посмотреть на него (это будет полезно для четкого понимания своих дальнейших действий). Зайдите в папку установки Firefox, откройте там папку chrome. В ней будет browser.jar. Несмотря на расширение, этот файл — обычный zip-архив. Внутри него вы найдете файл content/browser/browser.xul. Открыв его, можно полюбоваться на общую структуру визуальной части браузера. Пусть вас не смущает большое количество непонятных пока строк — во всем разберетесь позже. Собственно, корневым узлом этого XML-файла являетcя элемент window, содержащиеся в нем узлы — это отдельные элементы интерфейса. Например, вы можете найти кнопку обновления страницы (поищите узел с id="reload-button") или пункт меню «Правка» (id="edit-menu").

Так вот, суть расширения интерфейса браузера состоит в том, что мы берем некий узел из браузера, описываем его в своем файле с необходимыми нам изменениями, например, добавляя к нему новые дочерние узлы. Таким образом можно добавить новые кнопки в панель инструментов (или создать новую панель и поместить ее в нужное место), добавить новый пункт меню (как рядом со «Справкой» так и в подменю, скажем, «Инструменты» (Tools)). Это технология называется en:XUL Overlays.

В нашем случае мы добавим новый элемент в строку статуса. В файле browser.xul можно найти узел с id="status-bar". Это и есть строка статуса. В этом узле есть несколько дочерних узлов. Добавим к ним наш, который будет описывать новую панель. Создайте файл, назовите его, скажем, sample.xul и поместите в папку chrome/content. Внесите туда такой код:

<?xml version="1.0"?>
<overlay 
         xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
 <statusbar>
  <statusbarpanel label="Hello, World"/>
 </statusbar>
</overlay>

Здесь <statusbar> с id="status-bar" является «точкой склейки» (merge point), т.е. узлом, который мы намереваемся изменить. <statusbarpanel> — новый виджет, который мы добавляем в <statusbar>.

URI Chrome

XUL-файлы (вроде того, который мы только что создали) загружаются через URI протокола chrome://. Вместо того, чтобы каждый раз определять место установки Firefox’а и загружать файлы через file://, можно загружать их через chrome://, не беспокоясь об их истинном положении на диске.

Так, окно браузера, которое мы недавно просматривали, находится по адресу chrome://browser/content/browser.xul. Можете попробовать ввести его в адресную строку и посмотреть на результат.

URI хрома состоит из нескольких частей:

• протокол chrome говорит, что необходимо классифицировать и обработать содежимое файла как хром.
• название пакета (в данном случае, это browser), указывающий на «сверток» (bundle) компонентов интерфейса. Это название уникально для каждого приложения/расширения.
• тип запрашиваемых данных. Есть три типа: content (XUL, JavaScript, XBL Bindings и др., т.е. компоненты, формирующие вид и поведение интерфейса), locale (DTD, файлы propeties и т.п., производящие локализацию интерфейса) и skin (CSS и изображения для формирования темы интерфейса).
• файл для загрузки.

Так, например, chrome://foo/skin/bar.png загружает файл bar.png из секции skin пакета foo.

Создание манифеста chrome

Для хорошего понимания манифеста просмотрите статью en:Chrome Manifest

Откройте chrome.manifest, созданный нами ранее и добавьте в него следующее:

content     sample    chrome/content/

Не забудьте завершающий слеш.

Эта строка объявляет

1. тип данных в пакете chrome,
2. название пакета (используйте лишь строчные буквы),
3. путь к файлам пакета.

Таким образом, здесь мы говорим, что файлы типа content для пакета sample можно найти в chrome/content (путь относительно местоположения chrome.manifest).

Сохраните файл. Позже, при запуске Firefox, пакет chrome вашего расширения будет зарегистрирован с помощью этого файла.

Регистрация оверлея

Для того, чтобы Firefox понял, что у нас есть оверлей и мы хотим наложить его на окно браузера, необходимо зарегистрировать оверлей через все тот же chrome.manifest. Добавляем в него строку

overlay chrome://browser/content/browser.xul chrome://sample/content/sample.xul

Это говорит Firefox’у, что нужно объединить sample.xul и browser.xul

Тестирование

Для начала необходимо уведомить Firefox о нашем расширении. Раньше (еще во времена Firefox 1.0) необходимо было упаковать расширение как en:XPI и установить через интерфейс браузера. Теперь же достаточно просто указать Firefox’у, где находится папка с вашим расширением — и он будет подключать его каждый раз при загрузке.

Итак, ваши действия:

1. Найдите папку с вашим профилем. Если вы не создавали его специально, браузер использует профиль по умолчанию.
   Как найти папку с профилем.
2. Откройте папку extensions. Если ее нет, создайте ее.
3. Создайте новый текстовый файл и поместите в него лишь путь к вашему расширению (напр., C:\extensions\my_extension\ для Windows или ~/extensions/my_extension/ для Unix/Linux). Сохраните файл под именем, одинаковым с id вашего расширения.

Примечания:

• Не забудьте завершающий слеш.
• Возможно возникновение проблем из-за знаков нижнего подчеркивания в названии; если так вышло измените его.

Теперь вы готовы к тестированию вашего расширения. Запустите Firefox. Он увидит ссылку к вашему расширению и установит его. Если все прошло успешно, вы увидите надпись «Hello, World!» в строке статуса справа. Для внесения изменений достаточно править xul-файлы и перезапустить Firefox.

Упаковка расширения

Теперь можно упаковать расширение для его дальнейшего распространиения и установки.

Создайте zip-архив из содержания корневой папки вашего расширения (но не архивируйте саму папку). Переименуйте файл, чтобы он имел расширение ".xpi". Вот и все. Для установки достаточно перетащить файл на окно браузера.

Установка с веб-страницы

Есть несколько способов это сделать. Можно разместить прямую ссылку на xpi-файл. Однако предпочтительным является InstallTrigger method, как более удобный для пользователей.

Сайт расширений addons.mozilla.org

Сайт расширений Mozilla (http://addons.mozilla.org) является местом, где вы можете бесплатно разместить свое расширение. Сайт является надежным и удобным местом для распространения своих расширений: достаточно лишь зарегистрироваться — и вы сможете загружать свои файлы на сервер.

Регистрирование расширения в реестре Windows

В Windows информация о расширении может быть добавлена в реестр. Это дает дополнительный возможности при установке расширений. Поробнее об этом читайте здесь.

Узнайте больше об оверлеях XUL

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

Локализация

Для поддержки более чем одного языка необходимо отделить локализуемые строки от основного содержания с помощью сущностей (entities) и «свертков строк» (string bundles). Гораздо проще делать это в течение разработки расширения, чем после.

Информация о локализации хранится в подпапке locale папки chrome (т.е. рядос с папкой content). В этой папке необходимо разместить столько папок, сколько локализаций вы намерены сделать. Обычной практикой является называть папки стандартными названиями локалей: скажем, папку с английской локализацией — en-US, русской — ru-RU и т.п., что, впрочем, не является обязательным. Теперь создайте в каждой из папок файл somename.ent (или anothername.dtd) (имя одинаково во всех папках локализаций) и заполните его соответствующим образом (показано ниже).

Локализуем наше расширение на русский и английский языки. После создания 2 папок (назовем их ru-RU и en-US), создаем в каждой из них файл (пусть myStatusBar.ent) Поместите в тот файл, который в папке с английской локализацией, следующую строку:

<!ENTITY statusbarpanel.label "Hello, World!">

А в тот, который будет локализовать на русский язык, соответственно

<!ENTITY statusbarpanel.label "Привет, мир!">

Сохраните оба файла. Теперь необходимо зарегистрировать локализации. Для этого добавим в chrome.manifest следующие строки:

locale sample en-US chrome/locale/en-US/
locale sample ru-RU chrome/locale/ru-RU/

Теперь для использования локализации достаточно добавить в начало (однако после xml-объявления) xul-файла строку

<!DOCTYPE window SYSTEM "chrome://sample/locale/myStatusBar.ent">

где window — это названия корневого элемента xul-документа (в нашем случае это overlay).

Для использования сущностей измените ваш xul-файл так, чтобы атрибут label у новой statusbarpanel был равен "&statusbarpanel.label;".

Исследование браузера

Гораздо более простым (и эффективным) способом исследования браузера является использование DOM Inspector’а. Он позволяет полностью изучить структуру документа, загруженного в браузер. Так, например, можно загрузить вышеописанным способом browser.xul, просмотреть все его узлы и найти подходящий для наложения оверлея. Или же можно просматривать структуру своего расширения.

Отладка расширений

Инструменты для анализа расширений

Отладочная распечатка

Дополнительная информация

158 Расширения и плагины для Firefox

Добавьте дополнительные функции в браузер от компании Mozilla, устанавливая дополнения и плагины для Firefox на Windows

Заставьте ваш браузер показывать видео в самом лучшем качестве

Скачивайте видео из Интернета через Firefox

Дополнительные опции воспроизведения на YouTube

Импортируйте дополнения Firefox на любой компьютер

Интегрируйте ваш любимый менеджер загрузки в Firefox

OS Emulator для Mobile Mozilla

Более 2500 телеканалов в прямом эфире посредством Firefox

Используйте правую кнопку мыши там, где это было невозможно

Инструмент для переключения агента пользователя используется

Полный менеджер библиографических ссылок

Используйте свои пароли на любом компьютере

Просматривайте веб-страницы, не открывая их

Официальное расширение для Firefox от Mega

Узнайте, если ваши изображения были украдены

Настройка визуального аспекта ваших любимых веб-страниц

Скачать все изображения веб-сайта

Автоматическая перезагрузка веб-страниц на Firefox

Принять снимки экрана с Firefox

Инструмент для отключения плагинов

Скачивайте видео из Интернета за пару кликов

IE Tab 2.0.20120203 for Firefox

Просмотр веб-сайтов, как если бы вы посетили их с помощью Internet Explorer

Панель инструментов в области web-программирования

Поиск и Скачать Торренты с Firefox

Расширьте возможности конфигурации ваших прокси-подключений

Настройте Firefox по своему вкусу

Сохранить все, что вы не имеют времени для чтения

Приложение для создания смайликов в Facebook

Отладчик кода JavaScript

Сделать вас Firefox вкладок занимают намного меньше места

Преобразование Интернет приложений в настольных программах

Идеальное дополнение для всех веб-разработчиков

Синхронизация закладок Firefox между различными компьютерами

Получите доступ к сервисам Google через Firefox

Блокировка загрузки файлов из Интернета

Блокировать любые веб в Firefox

Блок объявлений, которые нарушают вашу конфиденциальность

Проверять файлы, которые вы загружаете с Firefox

Узнайте, кто удалил вас с Facebook

Чат с зашифрованными сообщениями

Восстановить содержимое сломанной или неработающие ссылки