Необходимые дополнения Firefox для эффективной работы веб-разработчика.

Ни для кого не секрет, что большая часть веб-разработчиков предпочитает работать именно в браузере Firefox, нежели в браузерах других разработчиков.
Одной из причин этому – наличае огромного кол-ва полезных аддов, позволяющих сократить время выполнения той или иной задачи. Сделать это более качественно.
В данной статье мне хотелось бы рассмотреть те, которые я использую в своей работе и считаю необходимыми для каждого веб-разработчика. Так или иначе они должны быть в арсенале.

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

Firebug

Firebug – это аддон, который обязан быть в наличае у каждого веб-разработчика. Для того, чтобы его установить и начать использовать, Вам необходимо перейти в раздел аддонов Firefox и произвести его поиск по названию. Добавить в Firefox. Возможно будет необходимо перезапустить свой Firefox для активации Firebug.

Для того, чтобы запустить Firebug и получить ту заветную панельку можно воспользоваться одним из способов:
— Инструменты > Web Developers > Firebug;
— Кликнуть в любом месте окна браузера и выбрать в появившемся контекстном меню – «Инспектировать элемент с помощью Firebug».
— Кликнуть по пиктограмме Firebug которая находится в верхнем правом углу браузера и выглядит в виде желтого жука.

Firebug достаточно схож с панелью инструментов для веб-разработчиков в Google Chrome. Он содержит в себе панель для просмотра DOM дерева, стилей, консоль для отлавливания ошибок в jQuery и многое другое. Так же имеется возможность все это редактировать в режиме реального времени. Сугубо мое мнение – в повседневном использовании Firebug удобнее своего конкурента от компании Google, но вот неоптимизированность самого Firefox сильно сказывается на статистике его использования.

Web Developer

Как Вы наверное уже догадались из названия аддона, Web Developer Tools – инструмент, который используется в работе веб-разработчиками и обладает обширным кол-вом полезных опций, которые найдут свое применение в любой из граней веб-разработки.

В арсенале Web Developer Tools имеются такие функции как: просмотр и отключение при неоходимости Java-скриптов, сookie, таблиц стилей, изображений, поиск битых изображений, просмотр информации для форм, правка HTML-кода, проверка валидности кода и многое другое. Подводя итоги, Web Developer Tools – находка для веб-разработчика.

ColorZilla

Неотъемлимой частью любого Front-end разработчика является постоянное взаимодействие с графическими редакторами, как правило это Adobe Photoshop. Для определения цвета какого нибудь элемента в макете мы порой используем пипетку, так вот, идея данного плагина – перенести данный функционал в браузер и дать возможность кликнуть на любой элемент страницы с целью узнать его цвет. Аддон позволяет получать значение цвета как RGB формате, так и в HEX. В нем есть еще несколько незначительных функций, но в них я думаю в рамках данной статьи углубляться не будем.

HTML Validator

Ну здесь я думаю тоже все очевидно. HTML Validator после установки находится в строке состояния браузера и отображает кол-во ошибок HTML & CSS, если такие присутствуют на странице. Что позволяет своевременно избавляться от такого рода неприятных мелочей.

iMacros

iMacros – аддон позволяющий упростить жизнь веб-разработчику при выполнении однотипных действий. С его помощью Вы можете создавать макросы для простых и однотипных действий. Таких как – регрессионное или нагрузочное тестирование веб-приложений, заполнение форм и запоминание паролей, загрузка/выгрузка изображений и многое другое.

Pixel Perfect

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