FireFox-инструмент для веб-мастера

В последнее время Mozilla FireFox пользуется среди веб-профессионалов все большей популярностью. И не только благодаря стабильности и скорости (GoogleChrome или Safari — значительно шустрее). Просто нет, наверное такого количества AddOn-ов и плагинов, как у Файрфокса. Собственно речь пойдет как раз о плагинах к ФФ — в статье приведены наиболее интересные с точки зрения веб-разработчика плагины.
Прелесть использования плагинов — одно и тоже приложение, не надо переключаться. Недостатки — тоже есть: ограниченный функционал (есть более профессиональные программы), не всегда удобный интерфейс и использование памяти самого ФФ — в некоторых случаях «клиент» просто падает. Тем не менее эти «фичи» для броузера есть и при умелом использовании — очень много времени экономится в первую очередь на этапе отладки сайта.

Вопрос лишь в том, что выбрать и как использовать. И вот здесь нам поможет статья 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 и не надо тратить время на переключение с одной программы на другую. Но имея полноценный 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-кодирование и еще много-много всего.

(Авторская корректура, русский источник: 21 полезнейший FireFox-плагин для веб-разработчика)

FireFox-инструмент для веб-мастера
Tagged on:             

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