12 полезных дополнений Firefox для Web-разработчиков

[@GeSTaM]

ну такие веши как: FireBug, HTML Validator, Greasemonkey почти стандарт для разработчика. А вот Coral IE Tab попробую а то сейчас приходится открывать еще несколько окон с IETester и подобными программами…

[@Yeah]

Отказался от всяческих эмуляторов ИЕ (в том числе от IETester) и установил VirtualBox с WinXP. Только так можно получить нормальную среду для тестов.

[@beliyadm]

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

[@PiSaiK]

А в Developer Bar есть сетка, очень удобно элементы вырвнивать

[@beliyadm]

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

[@PiSaiK]

Но это еще не все. Я бы обратил внимание еще на два плагина очень важных для разработчиков

1) Yahoo Slow. C помощью него можно определять быстроедйствие сайта и сервера.
2) Clean cache — очистка кеша браузера в один клик.

[@beliyadm]

Clean cache — очищает кеш только для данного сайта или всех вообще? Ибо стандартная опция мозиллы чистит кеш всего, всех посещенных сайтов

[@PiSaiK]

Все чистит и кеш на винте и кеш в памяти страниц

[@fStrange]

clean cache зачем?
в вебдевелопере есть опция «отключить кеш» по идее ее и контрола-ф5 должно хватать

[@PiSaiK]

Там можно и скрипты, да все отключить. Бывает полезно чистить кеш просто так

[@myem]

MeasureIt удобен наличием в отдельной кнопке на панели. Но при этом практически такое же средство есть прямо в Web Developer. Misc./Display ruler

[@odiszapc]

Я использую электронный штанген-циркуль Screen Calipers.

[@DoctorMozg]

По-моему к плагину Coral IE Tab прикреплена картинка от FoxyProxy. А подборка добротная — сам почти всё юзаю :)

[@Mezya]

Что-то у меня по пятницам постоянно ошибки в статьях. Скрин поправил. :)

[@crea7or]

Я не очень то веб разработчик, но ещё два добавлю (правда может эти функции уже есть в перечисленных аддонах):
Live HTTP headers (собственно листинг всех HTTP запросов с/на сервер) и Tamper Data (редактирование данных из форм перед посылкой на сервер).

[@CuamckuyKot]

Скрины поправьте — для Coral IE Tab указан скрин от FoxyProxy.

[@fStrange]

Не сильно популярный, но полезный инструмент Aardvark

Хорошая утилита для чистки страницы от лишних элементов, например для печати.

вместо него у меня Sсrapbook
на самом деле плагин предназначен для каталогизирования инфы он у меня работает в связке с Zotero

но в нем есть и функция чистки страницы от ненужных элементов

веб разработчику я бы рекомендовал бы сразу 3 плугина, 2 перечисленных и BBcode
последний упрощает общение в различных форумах и на том же Хабре

[@loat]

Хорошая подборка, спасибо автору.

От себя могу порекомендовать полезный плагин для разработки, которым я постоянно пользуюсь — YSlow.

Описание с вики:

плагин который измеряет скорость загрузки страницы и её отдельных компонентов. Кроме измерения скорости, проводится анализ всех компонентов: есть ли заголовки, вынесены ли стили и скрипты в отдельные файлы, используется ли компрессия, перенаправления, анализируется даже взаимное расположение компонентов на странице и даются рекомендации по оптимизации.

[@Masterkey]

вы меня огорчили
Html Validator недоступен для платформы Linux.

[@Mezya]

Почему недоступен? Тут смотрели?

[@Masterkey]

спасибо!

[@mariner]

еще попробуйте screengrab! снимает скриншоты всей страницы, только области, или только видимой части. офигенно полезный. не фоткает оконные декорации.

[@Mezya]

Есть ещё аналог FireShot.

[@semper]

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

[@Eugene007]

Для автоматизации заполнения форм и автоматического тестирования можно использовать Selenium IDE. Очень удобный инструмент, а при дополнительной конфигурации позволяет запускать тесты на удаленной машине.

Для замеров и определения использую небольшую программку picpick. Рекомендую :)

[@Evengard]

Ещё может пригодиться User Agent Switcher в некоторых специфичных ситуациях

[@Yeah]

Для верстальщиков особо советую PixelPerfect. Это дополнение для Firebug, которое позволяет наложить изображение на страничку и таким образом сверять расположение элементов.

[@Kastrulya0001]

В MeasureIt не хватает удобного копипейста замеренного, надо вручную выделять и копировать. И формат отображения нельзя настроить. Вот бы здорово копировать например так 'width=«40 height=»315"', или в формате css, например настраиваемыми кнопками:

[@Mezya]

Это хорошие идеи. Вы бы связались с автором, а вдруг? :)

[@Kastrulya0001]

Написал ему.

[@ArtyV]

На AMO все эти подборки есть

[@Nikolai_Popkov]

В статье ссылка ведет на users&/#99;ripts.org

[@Mezya]

Это глюки парсера какие-то. Переделал на прямую ссылку.

[@m1ron]

FF уже не торт

[@balfin]

Люди которые так считают не могут мне объяснить, что сейчас «торт». Объясните, если не сложно. Напишите пожалуйста чем заменить предложенный автором функционал под другим браузером.

[@m1ron]

Торт — это Chrome, как наиболее перспективый и динамично развивающийся браузер.
К тому же, обладает завидной скоростью работы и хорошей стабильностью.
А Firebug, Web developer, Greasemonkey, iMacros, IE tab и валидаторы есть и под него.
Я уж молчу про встроенный про встроенный инспектор, по возможностям сравнимый с Firebug.
Остальные перечисленные вещи неполезны, но не критичны, да и при желании и им можно найти аналог в Chrome.
Всё перечисленное делает Chrome очень привлекательным для разработчиков.