Обзор плагинов FireFox для веб-мастеров
Итак, вот пришло время написания следующего обзора о плагинах для очень популярного и на мой взгляд самого быстрого браузера в мире — это Mozilla FireFox. К этому браузеру на самом деле иметься всяких разных дополнений вагон и маленькая тележка, и нужно несколько месяцев чтобы их все пересмотреть и перепробовать. Это всё сказывается с наростающей популярностью этого браузера.
Ну а я попробую рассказать о нескольких полезных плагинов для веб-мастеров и веб-дизайнеров. Буду описывать только те плагины, которые сам установил, проверил или же, которыми сам пользуюсь. Да-да! Я тоже использую браузер FireFox, т.к. он мне больше всех нравиться и пользуюсь я ним уже чуть больше 2х лет, до этого юзал Avant, но из-за его не гибкости, решил от него отказаться. А вот FireFox можно превратить из браузера практически во всё что угодно.
Ну ладно хватит уже трёпом заниматься, пора уже и к делу перейти, а именно к моему обзору. Кстати, тем кто не в курсе, обзоры я писать не могу, точнее нет опыта в них, поэтому постепенно на таких вот обзорах буду набирать мастерство.
Итак буду рассматривать всего 10 плагинов из этой области.
Первым в моём списке мощный тулбар для FireFox это Web Developer. 
Штука действительно очень мощная и очень полезная. Этот плагин умеет выполнять большое количество операций и подходит как для веб-мастеров так и для дизайнеров, хотя может сгодиться и рядовому пользователю. Ну возможности у плагина конечно не безграничные, но всё таки постараюсь описать каждую.
Итак. При установке плагина на панели инструментов появляется тулбарчик с 12 кнопками, вот сейчас подробно и рассмотрим каждую из них.
1 
. Отвечает за отключение различных функций и включает в себя следующие команды:
- Очистить кэш
- Отключить Java
- Отключить JavaScript
- Отключить Meta-переадресацию
- Отключить минимальный размер шрифтов
- Отключить цвета страницы
- Отключить блокировщик popup
- Отключить прокси
- Отключить Referrers
Многие команды окажутся весь полезными.
2 
Из названия понятно, что кнопка по работе с кукисами, и есть в ней вот что:
- Отключить Cookies (есть возможно отключать все куки или только для внешних сайтов)
- Удалить Cookies сессии
- Удалить Cookies для домена
- Удалить Cookies для пути
- Информация о Cookies
- Добавить Cookie…
3 
Хорошая кнопка, показывает наличие CSS ошибок на сайте и изменяется при их появлении, в моем случает как видите ошибок не обнаружено, в неё входят подменю:
- Отключить стили >> Все стили, Стиль браузера по умолчанию, Встроенные стили, Стили элементов, Подключённые стили, Стили печати, Отдельный файл (позволяет отключать тот или иной не нужный вам стиль)
- Отображать с помощью стиля >> Наладонник, Печать
- Информация о CSS
- Посмотреть стиль элемента
- Добавить стиль CSS
- Редактор CSS
- Использовать блочную модель с границами
4 
Тоже таки довольно полезная кнопочка. Умеет работать с различными видами форм и имеет следующие команды:
- Показать параметры форм
- Показать пароли
- Информация о формах
- Изменить Method форм >> GET на POST и POST на GET (кто знает тот поймёт)
- Заметить элементы Select на текстовые поля
- Включить автозаполнение
- Включить поля форм
- Сбросить радиокнопки
- Сделать поля форм неизменяемыми
- Заполнить поля форм
- Удалить ограничения длины полей ввода
5 
Из названия понятно что эта кнопка предназначена для работы с графикой и умеет она делать все необходимые функции. Кстати этой кнопочкой бывает даже довольно часто пользуюсь, ну а что в неё входит смотрите ниже:
- Отключить изображения >> Все изображения, Изображения с внешних сайтов, Анимацию изображений
- Показать атрибуты Alt
- Показать размеры изображений
- Показать вес изображений
- Показать пути изображений
- Найти повреждённые изображения
- Контур изображений >> Все изображения, Фоновые изображения, Изображения с указанными размерами, Изображения с пустыми атрибутами Alt, Увеличенные изображения, Изображения без атрибутов Alt, Изображения без размеров, Изображения без атрибутов Title
- Информация об изображениях
- Скрыть фоновые изображения
- Удалить изображения
- Показать полноразмерные изображения
- Скрыть изображения
- Показать вместо изображения атрибут Alt
6 
А это просто я бы даже сказал мега кнопка, в ней просто вагон и маленькая тележка команд, проще говоря показывает кучу различной инфы, а что именно она может смотрим:
- Показать сокращения
- Показать Access Keys
- Показать якоря
- Показать размеры блоков
- Показать порядок Div
- Показать информацию об элементе
- Показать ID и Class
- Показать параметры ссылок
- Показать параметры Object
- Показать z-index
- Показать Tab Index
- Показать вложенные таблицы
- Показать информацию о таблицах
- Показать атрибуты Title
- Показать вложенность элементов
- Информация о якорях
- Информация о цветах
- Оглавление документа
- Вес документа
- Просмотр JavaScript
- Информация о ссылках
- Информация Meta-тегов
- Информация о странице
- Показать заголовки ответа
7 
Всего тут понемногу:
- Удалить личные данные >> Кэш, Журнал посещений, Сессии аутентификации, Все личные данные
- Показать направляющие
- Показать лупу
- Показать линейку
- Показать комментарии
- Показать скрытые элементы
- Показать Chrome окна
- Редактор HTML
- Разбить по строкам
- Сделать размеры фреймов неизменяемыми
- Рендеринг для маленького экрана
- Просмотренные ссылки
8 
Кнопка для работы с различными видами контуров, подробнее:
- Контур фреймов
- Контур заголовков
- Контур ссылок >> Внешних ссылок, Ссылок с атрибутом Ping, Ccskjr без атрибута Title
- Контур таблиц >> Заголовков, Ячеек, Таблиц
- Контур элементов уровня блока
- Контур устаревших элементов
- Контур элементов с позиционированием >> Абсолютным, Фиксированным, Плавающим, Относительным
- Контур текущего элемента
- Контур дополнительных элементов
- Показывать имена элементов в контуре
9 
Из названия тоже все ясно, а именно есть:
- Показать размер окна
- Размер окна в заголовке
- Размер окна… (Можно ввести произвольное значение)
- 800х600, 1024х768 (здесь будут значения списком, которые установлены в настройках)
- Редактировать разрешения (здесь устанавливаются значения размеров)
- Увеличить
- Уменьшить
10 
Здесь в основном команды проверок, а проверка идет этими командами:
- Проверить CSS
- Проверить HTML
- Проверить ленту
- Проверить ссылки
- Проверить Section 508
- Проверить WAI
- Редактировать инструменты
- Инспектор DOM
- Консоль ошибок
- Консоль Java
- Проверить страницу
- Проверить локальный стиль CSS
- Проверить локальную страницу HTML
11 
Немного команд для работы с кодом:
- Код (х)
- Исходный код фрейма
- Сгенерированный код
- Edit View Source With Application… (открывает окно настроек для работы с кодом)
12 
Тут все ясно, но подробнее о самих настройках покажу в наглядном виде:
Вывод: как видно плагин действительно полезный и использовать я его рекомендую.
Страница плагина:
Следующий на очереди плагин под названием FireBug 
— один среди самых популярных плагинов верстальщиков, хотя даже можно сказать что это и есть самый популярный плагин. А помимо самого плагина к нему также советую установить дополнения CodeBurner for Firebug, FirePHP, CSS Usage, FireQuery. Много писать об этом плагине не смогу, так просто не получится. Проще говоря это онлайн редактор кода просматриваемого сайта на данный момент, причем можно радактировать прямо на лету. Как оно выглядет проще показать в скриншотах.
http://webmasters.ru/forum/f134/ustanovka-koda-google-adsense-nuzhna-pomosch%60-29088/
Вывод: Краткость — сестра таланта. Тем кто постоянно работает с кодом реально рекомендую, лучше плагина просто и не найти.
Страницы плагинов:
- FireBug —
- CodeBurner for FireBug —
- CSS Usage —
- FirePHP —
- FireQuery —
Продолжаем рассматривать плагины. Теперь у нас на подходе HTML Validator 
из названия видно что это плагин для проверки страницы на валидность. Плагин будет полезен опять же для верстальщиков для просмотра посещаемых сайтов на валидность да и просто просмотр сверстанных страниц.
Выглядит он так.
Прописывается строку статуса значком при наведении на которые появляется окошко, которые вы видите выше.
Страница плагина:
Еще в обзоре у меня мини плагин, который больше полезен для дизайнеров — это GridFox. Простой на самом деле плагинчик, позволяющих разметить страницу на нужные колонки, блоки. Писать о нем абсолютно нечего, т.к. он только умеет размечать страницу и всё посредством команды через контестное меню.
Страница плагина:
Еще пару мелких плагинов для дизайнеров ColorZilla 
и Rainbow 
Эти плагины позволяют узнавать цвет любого участка страницы в виде его кодовых названий и сразу скопировать в буфер обмена, Rainbow немного проще своего конкурента, т.к. кроме выбора цвета и преоброзования и копирования в буфер этого кода больше ничего не умеет. А вот ColorZilla обладает большим функционалом, может вывести палитру цветов, выделить отдельные цвета блоков или участков страницы, также работает хорошо в паре с FireBug
Страницы плагинов:
- ColorZilla —
- Rainbow —
Едем дальше.
Позволяет открывать любую картинку в браузере сразу в Фотошопе. Думаю может кому-то пригодиться.
Страница плагина:
Ну и напоследок хочу поделиться еще один довольно полезные плагином для тех, кто ищет высокачественные фотографии, текстуры и т.д. на различных сайта их доступно более 200 ( в основном фотостоки). Плагин. 
Страница плагина:
Это все плагины, которые я рассматривал. Надеюсь что мой обзор вам понравился. Хочу услышать ваши комментарии по поводу этого обзора. Ждите следующего 
P.S. Постовой
Работаете с картинками, тогда вам нужно Скачать XnView — лучшая альтернатива платной ACDSee.
Use these settings for articles older than:
Loading ...
Большое спасибо за обзор! Для меня начинающего сайтостроителя большая поддержка. Может когда-нибудь обращусь к Вам за советом.
Да собственно не за что. Рад что вам понравилось