Умелое применение правильных плагинов FireFox позволяет сэкономить разработчику довольно много времени. Здесь много аспектов: почти весь набор инструментов — под рукой, не нужно переключаться в другие программы и копировать туда-сюда части кода. Иногда отладка веб-приложений ускоряется в десятки раз только из-за того, что промежуточные данные вы можете просто увидеть непосредственно, а не представлять себе «что там такое может быть».

Стало быть, вопрос лишь в том, чтобы подобрать эти самые инструменты. И вот здесь нам поможет статья 21 Absolutely Useful Firefox Add-ons For Web Designers And Developers. Посмотрите, что именно выбирают веб-мастера всего мира для удобства своей работы в FireFox.

Для удобства я сгруппирую их по сходным функциям. Вот список:

• Firebug и его команда
  • Firebug -считается наиболее совершенным плагином для веб-разработчиков. Позволяет смотреть, править, отлаживать код
  • YSlow — точное измерение времени загрузки страниц (обычно интегрирован в FireBug)
  • FirePHP — незаменимый помощник всех, кто всерьез отлаживает AJAX. Позволяет отображать возвращаемые JSON и XML прямо в панели вашего FireBug'а
  • Pixel Perfect — также работает с FireBug'ом, позволяя отслеживать «лишние пикселы», менять HTML-верстку и управлять прозрачностью
• Отладка скриптов и кода
  • Сodetch— это WYSIWYG-редактор кода. Редактируем код прямо в FireFox. Интерфейс похож на DreamWeaver и не надо тратить время на переключение с одной программы на другую
  • JSView -подробно исследует скрипты на JavaScript
  • Html Validator — встроенный HTML-валидатор от Mozilla. В отличие от полноценных валидаторов, не требует выгрузки проверяемых страниц на хостинг
  • Total Validator — проверяет HTML-код, ссылки, умеет делать скриншоты и не только
• Просмотр ресурсов
  • Web Developer -исследуем CSS, смотрим как скажется изменение кода прямо на сайтах
  • ColorZilla — точно измерит и покажет вам RGB-код цвета любой точки сайта
  • Font Finder — смотрим как сделан текст в любом месте страницы — полная характеристика CSS любых фонтов
  • CacheViewer — полная информация по файлам, хранящимся в кэше браузера; можно искать и сортировать любую информацию, найти в этом море нужных два кусочка, вытащить их  и сохранить на диске
  • CS Lite — контроль за куками: видеть их, разрешать, запрещать или разрешать временно; создать список ненадежных сайтов и не пускать их куки к себе
• Кроссбраузерность и совместимость
  • User Agent Switcher — позволяет посмотреть сайт с разных точек зрения, например как обычный браузер, как поисковый робот, как мобильное устройство и т.д.
  • IE View — открывает отдельные страницы в IE, полезно при отладке кросс-браузерности
  • Window Resizer -исследуем как выглядит сайт при различных разрешениях экрана
• Скриншоты
  • FireShot — все, чтобы быстро и удобно делать скриншоты страниц сайтов, добавлять к ним пояснения и немного редактировать
  • Aviary Screen Capture & Quick Launch (Talon) -  инструмент для блоггеров и дизайнеров: снимает скриншоты, редактирует их и показывает цвет любого пиксела
• Инструменты SEO
  • WebRank Toolbar— находка для SEOшников: показывает PR и еще 6 разных показателей сайта (разумеется, кроме Яндекс ТиЦ — ну не любят Яндекс в мире — что поделаешь), на лету заносит сайты в сервисы социальных закладок и находит сайты, подобные вашему
  • SeoQuake SEO extension — также показывает много SEO-параметров, причем вид отображения можно как угодно настроить
• Работа с хостами
  • FireFTP — чаще всего известен как FTP-клиент, работающий прямо из вашего браузера. Кроме этого умеет еще сравнивать каталоги, поддерживает SFTP, SSL-кодирование и еще много-много всего.

?

ВСЕ ДЛЯ НОВИЧКА