Лучшие плагины Firefox для web-программистов | ЧУДО "САИКТ"
ЧУДО "САИКТ"

Лучшие плагины Firefox для web-программистов

Браузер firefox пользуется большой популярностью и у обычных пользователей, и у веб-разработчиков. Это вполне объяснимо: он быстро работает, оперативной памяти «кушает» немного (в отличие от Google Chrome, например), симпатично выглядит.

 

Однако веб-программисты ценят его не за красивые глаза стильный дизайн, а за высокую эффективность и, что более важно, расширяемость: многочисленные плагины для firefox позволяют использовать браузер как многофункциональный инструмент без установки дополнительных программ. Хотите проверить код HTML или CSS? Нет проблем. Требуется сгенерировать градиент или подобрать цвет для кнопок? Не вопрос. Нужно «прочекать» формы на сайте? Пожалуйста. Все, что требуется – это скачать расширения firefox. Весь процесс займет не более 2-х минут, а пользу от этого переоценить невозможно. Кроме того, дополнениями mozilla легко управлять – при необходимости их легко отключить или вовсе удалить из браузера.

 

В этом обзоре мы выбрали лучшие расширения для firefox, которыми пользуемся сами и которые, как нам кажется, необходимы для всех web-программистов – как начинающих, так и профессиональных. Разумеется, список составлен довольно субъективно, и если вам будет что добавить – добро пожаловать в комментарии.

 

ТОП-12 расширений для Mozilla Firefox

 

Для начала заметим, что при составлении списка расширений для браузера firefox мы ориентировались на версию 57.0 – на сегодняшний день она является самой «свежей». Если вы пользуетесь другими «сборками» обозревателя, то корректную работу перечисленных плагинов мы гарантировать не можем. По очевидным причинам.

 


Итак, мы выбрали 12 плагинов для firefox для веб-программистов:

 

1. Web Developer. Разработчики этого аддона уверяют, что с ним процессы создания сайтов станут намного проще. В частности, он умеет:

  • Отключать изображения
  • Тестировать формы HTML
  • Проверять код страниц на соответствие стандартам
  • Выделять все ссылки, позиционированные элементы, картинки (в том числе фоновые)
  • Показывать информацию об элементах
  • Редактировать Cookie’s
  • И многое другое

 


 

2. Firefox DevTools. Мощный инструмент, который пришел на замену легендарному firebug. Добавим, что firebug в свое время был главным (без преувеличения) расширением firefox для веб-программиста, благодаря своим возможностям: «живому» редактированию HTML и CSS, удобной отладке Javascript, оптимизации загрузки страниц. Сегодня, после обновления браузера до версии 57, среди расширений firefox этот инструмент уже не встретишь, что, с одной стороны, печально (ушла целая эпоха :-(), но с другой – не так уж плохо: Firefox DevTools умеет не меньше, а может даже и больше, чем почивший firebug. В общем, ставьте и пользуйтесь.

 

Скачать плагин Firefox DevTools можно здесь: https://developer.mozilla.org/en-US/docs/Tools

 


 

3. Colorzilla. Хотите сгенерировать градиент? Подобрать цветовую гамму для сайта? Взять «пробу» понравившегося оттенка? Скачайте это расширение для firefox – и все ваши вопросы будут решены.

 


 

4. Html Validator. Валидацией называют проверку web-документа на соответствие принятым стандартам. Несмотря на то, что вокруг этого понятия до сих пор ведутся ожесточенные споры, мы все же рекомендуем регулярно проверять свой код на «валидность». Все, что для этого потребуется – установить и включить расширение firefox html validator.

 


 

5. MeasureIt. Удобный инструмент для замера расстояний на странице. Отлично помогает при разработке макета сайта, а также при исправлении «кривой» верстки.

 


 

6. Clear Cache. После внесенных изменений нередко требуется очистить кэш браузера. Расширение Clear Cache позволяет сделать это буквально одним кликом.

 


 

7. PageSpeed. Задача каждого web-программиста – создать не просто качественный, но и быстрый сайт. Расширение firefox PageSpeed проанализирует скорость загрузки веб-страницы и даст ценные рекомендации по оптимизации. Отдельно нужно отметить, что измерение скорости производится и для десктопной, и мобильной версии площадки.

 


 

8. NoScript. С этим дополнением ваш интернет-ресурс под надежной защитой! NoScript запускает содержимое только проверенных сайтов и защищает от кликджекинга и других атак.

 


 

9. PixelZoomer. Этот плагин для firefox снимает скриншот экрана. Чаще всего это требуется для попиксельного анализа макета при верстке или исправлении ошибок. Кроме того, инструмент поможет измерить расстояние и взять пробу цвета.

 


 

10. Кнопка для удаления куков. Простое расширение для mozilla firefox, позволяющее очистить куки одним нажатием.

 


 

11. SeoQuake. Отличное дополнение к браузеру, которое проводит SEO-аудит сайта. После установки SeoQuake вверху страницы появляется удобная панель, показывающая сведения о web-документе и домене, количество входящих и исходящих ссылок, плотность ключевых слов и данные статистики в соцсетях – словом, все, что может понадобиться для поисковой оптимизации ресурса.

 


 

12. CSS Reloader. Позволяет обновить стили CSS без перезагрузки всей страницы. Кажется, что мелочь, однако такие мелочи отлично экономят время при веб-разработке.

 


 

Подводим итоги

 

Плагины firefox для web-разработки – это удобные инструменты, которые помогают программистам на любых этапах работы, начиная от создания макета и заканчивая SEO-продвижением веб-сайта.

 

Осталось ответить на вопрос «Как установить расширение firefox?». Самый простой способ:

 

  • Открыть меню браузера (находится в крайнем правом положении на верхней панели)
  • Выбрать пункт «Дополнения»
  • Кликнуть на подпункт «Расширения»
  • В строку поиска вписать название нужного плагина firefox
  • Выбрать дополнение и нажать «Установить»

 

 

Установка плагинов в Firefox
Установка плагинов в Firefox

 

 

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