В последнее время 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-плагин для веб-разработчика)