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-инструмент для веб-мастера
Метки:             

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