войти зарегистрироваться

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

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

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

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


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

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



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

FirefoxРасширение Firefox: поиск по открытому сайту

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

Хабрахабр Беспристрастность

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

FirefoxАвторы расширений, хакеры браузера, встречайте js-ctypes

Что такое (можете спросить вы) js-ctypes? Скажем, пишете вы расширение на джаваскрипте, и ему нужно обратиться к местному коду (native code). Например, weave-crypto приходится обращаться к библиотеке NSS. А ваше расширение может пожелать, например, вызвать напрямую NSPR, libc, или функции Win32. Прямо сейчас есть два выхода: либо использовать скриптуемые XPCOM-интерфейсы (обеспечиваемые libxul), либо написать и реализовать собственные XPCOM-интерфейсы, то есть поставлять двоичный код в своём расширении. Если первый вариант не годится, остаётся только второй, но тогда поставлять расширение становится заметно сложнее: приходится отдельно компилировать двоичный код для каждой из поддерживаемых платформ, чтобы упаковать его внутрь вашего кросс-платформенного xpi.

Ответом на эту трудность поэтому станет библиотека js-ctypes: она позволяет джаваскрипту вызывать местный код (написанный на Си) и манипулировать сишными типами данных, без использования XPCOM, и нет необходимости компилировать ни одну строку кода. Это означает, что вам не придётся определять XPCOM-интерфейсы, и что можно будет использовать разделяемые библиотеки (shared libraries), подобные libc, напрямую. Есть и побочный положительный эффект: мы большей частью устраняем потери на преобразование типов данных, свойственные XPConnect, так что выполнение кода может становиться быстрее. (Сравнение скорости я приведу в одной из последующих блогозаписей.) Библиотека js-ctypes будет поставляться с Gecko 1.9.3, а эта платформа (если номера версий не переменятся) станет фундаментом для Firefox 3.7.

Вы можете спросить: «Но как...?». И вот примеры (они проверялись на 32-битных Линуксах x86 и содержат не кросс-платформенные части):

FirefoxПроект «Карандаш» (The Pencil Project): создание диаграмм и прототипов GUI на движке от Файерфокса

The Pencil Project поставил своей целью создание свободного (на открытых исходниках) срéдства для создания диаграмм и прототипов GUI на движке от Файерфокса.

Его ужé обсуждали на Хабрахабре в позапрошлом году; с тех пор в Pencil появились средства экспорта (в HTML, PNG, документы Openoffice.org, Word и PDF), а также просмотр клипартов.

Выглядит так:

[The Pencil Project: скриншот]

Существуют версии «Карандаша», встраиваемые в Firefox, а есть и отдельные.

Pencil распространяется по лицензии GPL v2 и работает всюду, где способен работать Firefox 3. Например, первую версию Pencil проверяли на GNU/Linux 2.6 с GTK+, на Windows XP и Windows Vista.

Вон там вы можете видеть нескольких блоггеров Мозиллы в восторге от того, что в Pencil за пару минут удалось набросать вот такой интерфейс:

[The Pencil Project: пример итога]

FirefoxПункт «Properties» будет убран из контекстного меню браузера Firefox (но можно использовать расширение)

Многие пользователи Файерфокса давно знают о том, что из контекстного меню (то есть из того, которое появляется, если правой клавишею мыши жмякнуть по странице) можно выбрать пункт «Properties» — и тем вызвать список свойств элемента страницы, жмякнутого мышою.

Например, если жмякнутый элемент — это картинка-гиперссылка, то можно вызвать примерно вот какое окошко:

[окошко свойств картинки-гиперссылки]

Однако же некоторым другим пользователям Файерфокса и это окно, и этот пункт в контекстном меню не были ни за чем нужны.

Так что, некоторое время подумавши, программисты Фонда Мозиллы вообще убрали этот пункт напрочь (и из Firefox 3.6, и из Firefox 3.7).

Для тех же пользователей, которым будет всерьёз недоставать этого пункта (а я уверен, что среди веборазработчиков на Хабрахабре таких много!..), предназначается новое расширение — «Element Properties», которое возвращает в Firefox желаемый подпункт контекстного меню и соответствующее ему диалоговое окошко.

Будьте готовы.

Peer-to-PeerРасширение Firefox добавляет торренты на Amazon.com

Новое расширение Firefox под названием Pirates of the Amazon («Пираты Амазонки») превращает крупнейший в мире интернет-магазин в полноценный каталог пиратского контента. Идея простая: «Пираты Амазонки» просто добавляют на каждую страницу каталога Amazon.com ссылку на торрент для бесплатного скачивания этого файла.

Таким образом, мечта любого любителя халявы доведена до абсолюта: вы ходите по магазину, смотрите на ценники и выбираете подходящий фильм (программу, музыкальный альбом, игру), а когда выбор сделан — просто берёте товар бесплатно, нажав на баннер “Download 4 free”.

Плагин работает по типу Greasemonkey, модифицируя код страницы в браузере. Ссылки на торренты получают с популярного трекера The Pirate Bay.

FirefoxРезультаты "Extend Firefox 3"

Mozilla объявила о завершении конкурса «Extend Firefox 3». Напомню, что это уже второй конкурс среди разработчиков расширений (результаты прошлого этапа). На этот раз увеличилось количество номинаций — с одной до трех.
Итак, победителями стали:

Информационная безопасностьХакеры заинтересовались расширениями Firefox

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

Персональные блоги Хабраголик by хабраюзер Semenov. Модификация.

Спасибо Semenov'у за расширение "Хабраголик" для FF.
Сделал небольшую модификацию: теперь панель показывает индикаторы в виде красной/зеленой стрелок, обозначающие понижение/повышение кармы/рейтинга со времени последнего обновления.

Хабраголик v0.3.