Плагины 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/


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


Понравился пост, подпишись на обновления

Понравилась статья? Получай свежие статьи первым по e-mail

[newsletter_signup_form id=0]

18 раз(а) написали о “Плагины firefox для разработчика

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

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

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

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

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

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

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

    Ответить
    • Может в Спам попало.

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

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

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

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

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

    Ответить
  10. firebug, firecookie мои самые популярные

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

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

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

    Ответить

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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