Плагины firefox для разработчика
Помощь вебмастеру

Плагины firefox для разработчика

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

1. Firebug

Первое место по популярности использования бьет Firebug, очень полезная штука, если Вы еще не знакомы с этим расширением, как можно быстрее исправьте это допущение.

Firebug интегрируется в браузер и позволяет любую веб-страницу редактировать, отслеживая изменения CSS, HTML и Javascripе.

Начав работать с Firebug вы значительно обогатите свой набор инструментов.


– Firebug: addons.mozilla.org/ru/firefox/addon/firebug/


2. Firepicker

Очень полезное расширение, еще не оцененное пользователями по достоинству. А зря. Ведь плагин встраивается Mozilla Firefox и Firebug и выигрывает перед другими с большим отрывом. Встраиваясь в браузер Firepicer представляет собой диалоговое окно с палитрой цветов. Основная задача плагина – просмотр и подбор возможных значений цветов, которые могут рассматриваться как цвета CSS.

Firefox разработчику
– Firepicker: addons.mozilla.org/ru/firefox/addon/firepicker/


3. ColorZilla

ColorZilla так же как и предыдущий плагин помогает веб-разработчикам и дизайнерам работать с цветом, только теперь вы можете получить цвет из любой точки в вашем браузере, быстро отрегулировать этот цвет и применять его где угодно вплоть до других программ. Вы можете проанализировать страницу и проверить палитру его цветов.
Плагины firefox для разработчика
– ColorZilla: addons.mozilla.org/en-US/firefox/addon/colorzilla/


4. Web Developer

Web Developer также значительно упростит вашу жизнь. Расширение ускоряет процесс проектирования и разработки веб-страницы, позволяя изменять стили страницы, включать/отключать JavaScript, Java, просматривать cookies и очень-очень много других полезных функций.

 firefox для разработчика
– Web Developer: addons.mozilla.org/ru/firefox/addon/web-developer/


5.PixelPerfect

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

 firefox для разработчика– PixelPerfect: addons.mozilla.org/ru/firefox/addon/7943


6. СssUpdater и FireFile

Шестое место между собой поделили два плагина cssUpdater и FireFile.

СssUpdater

FireBug конечно же очень мощный инструмент, но у него есть один существенный недостаток, если вы обновите страницу, все изменения, которые вносились будут потеряны. Плагин cssUpdater – позволяет сохранять эти изменения.

Принцип работы плагина:

  • вносим изменения в CSS в Firebug
  • нажимаем кнопку синхронизации в Firebug (горячая клавиша Alt+S)
  • обновляем сайт, чтобы увидеть изменения

– СssUpdater: addons.mozilla.org/ru/firefox/addon/cssupdater/

FireFile

FireFile сохраняет изменения CSS файла сразу на сервере, это его основное отличие от CssUpdater. Пользуясь плагином, не забывайте делать резервную копию базы.

– Firefile: addons.mozilla.org/ru/firefox/addon/firefile/


7. Дополнения PageSpeed и Yslow

PageSpeed

Эти дополнения отображают скорость загрузки сайта.

Первый плагин PageSpeed от разработчиков Google анализирует сайт и предлагает варианты ускорения процессов, например, уменьшить размер картинок или оптимизировать работу того того или иного скрипта.

Плагины firefox для разработчика
– Pagespeed: developers.google.com/speed/pagespeed/download?hl=ru-RU

Yslow

Yslow – аналогичное дополение для встраивание в firebug есть и у разработчиков Yahoo. Думаю объяснять зачем оно нужно не стоит).

– Yslow: addons.mozilla.org/ru/firefox/addon/yslow/


8. FireCookie

FireCookie – расширение Firebug, делающее возможным просмотр и управление cookie в браузере. Иными словами, КукиМенеджер.)

firefox для разработчика
– FireCookie: addons.mozilla.org/ru/firefox/addon/firecookie/


9. CSS Usage

CSS Usage – находит неиспользуемые правила в написании стилей CSS

firefox для разработчика
– CSS Usage: addons.mozilla.org/ru/firefox/addon/css-usage/


Вот такая получилось подборка для разработчика. Если у кого-то есть какие-то интересные плагины не описанные здесь, прошу о них писать в комментариях.

Новые посты

Биржа статей – где найти авторов

Гордеев Игорь

Дешевые инфопродукты с возможностью заработать

Гордеев Игорь

Как ускорить индексацию сайта

Гордеев Игорь

18 комментариев

Путешественник 22.09.2012 / 20:58

Да, хорошая подборка. О некоторых плагинах не ведал.

Ответить
intelligent 30.09.2012 / 15:45

Установил рекомендуемые аддоны, сильно понравился ColorZilla и PixelPerfect нашёл их удобными при творении на уровне CSS 🙂

Ответить
YCN 08.10.2012 / 13:20

Спасибо за такую подборку плагинов, обязательно воспользуюсь ими 😉

Ответить
Евгений 19.10.2012 / 17:27

О большинстве этих плагинов знаю уже давно но вот о CSS Usage слышу в первые, оказывается полезная штука, не нужно будет просматривать всю таблицу стилей, для исправления какой нибудь мелочи!

Ответить
Inco 26.10.2012 / 14:29

Когда-то у меня был Firebug в браузере, я не знал для чего он, по названию кажется для отправления отчетов об ошибках браузера, я его и удалил. А теперь понял. Это типа функции “просмотр кода элемента” в браузере Chrome? Я ведь правильно понял?

Ответить
Гордеев Игорь 26.10.2012 / 15:14

Это не просто для просмотра кода, а для визуального редактирования его на сайте.

Ответить
Inco 26.10.2012 / 22:42

У вас что-то с подпиской на комментарии. Вот вы мне ответили, а мне никаких писем не приходило, хотя я ставил галочку “получать новые комм..”

Ответить
Гордеев Игорь 27.10.2012 / 00:11

Может в Спам попало.

Ответить
Inco 27.10.2012 / 00:17

Теперь работает. А у вас есть то чего нет на большинстве блогов. Многие блогеры об этом даже и не задумываются.

Ответить
Vаша Mаша 27.10.2012 / 21:16

с Web Developer уже что-то на чудили,он не хочет устанавливаться,вроде платный стал.

Ответить
Гордеев Игорь 29.10.2012 / 09:59

Все нормально работает и так же остался бесплатным.

Ответить
NMitra 02.12.2012 / 15:37

MF – очень удобен для разработчика, даже если плагины не устанавливать. Что стоит только – правая кнопка – исследовать элемент.

Ответить
Wins 24.12.2012 / 17:10

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

Ответить
Владимир 28.12.2012 / 18:24

firebug, firecookie мои самые популярные

Ответить
Nikita 15.01.2013 / 15:11

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

Ответить
Тетя Маша 19.01.2013 / 13:34

Первый плагин , расширение для Мозилла, установила. Пока им не пользовалась, но судя по описанию, пригодится.

Ответить
serz 25.08.2013 / 00:25

Спасибо за статью, самые необходимые плагины

Ответить

Оставить комментарий