Лучшим браузером для разработки веб-приложений и не только является браузер Firefox. Делает его таковым огромное количество расширений, которые облегчают разработку. И хотя, это мое личное мнение, оно совпадает с мнением армии поклонников этого браузера. В повседневной работе я переодически использую около трех десятков расширений (extensions). В данной заметке приводится описание некоторых из этих расширений.
Панель инструментов, крайне необходимых при разработке веб-приложений. Это и отключение кэша, и очиска кук, и просмотр и редактирование css'ов, и работа с формами, и получение самой разнообразной информации об элементах страницы и многое многое другое.
Удобный инструмент для нахождения элементов на странице и получения подробной информации об элементе. Также имеется встроенный JavaScript Debugger.
Дополнение к Firebug от Yahoo. Плагин выполняет измерения и дает разнообразные советы по оптимизации скорости загрузки.
Selenium средство для тестирования веб-приложений. Данный extension - это очень удобная IDE для создания тестов для веб-приложений. Процесс создания тестов с использованием данного extension'а ускоряется многократно в сравнении с созданием тестов вручную.
Данный extension позволяет открывать табу с IE прямо в Firefox'е.
Данный extension позволяет быстро получить любой цвет на странице, причем в любом удобном формате.
После установки этого extension'а в строке статуса появляется истркумент, позволяющий рисовать прямоугольники с измерительными линейками.
Данный extension показывает в статус-баре название веб-сервера. Это гораздо удобнее, чем при необходимости выполнять запрос руками, чтобы узнать имя сервера.
Данный extension показывает в статус-баре ip-адрес сервера, страница с которого просматривается. Также кликнув правой кнопкой по ip-адресу можно выполнить whois-запрос.
Данный extension позволяет формировать HTTP-запросы вручную. Довольно часто используется для отладки скриптов, которые принимают POST-данные. Например, я его использую для отравки raw SOAP-запросов.
Данный extension позволяет просматривать отправляемые и получаемые браузером запросы, а также их модифицировать.
Данный extension позволяет получить быстрый доступ к js и css-файлам подключенным для данной страницы.
Данный extension выполняет валидацию страницы, находит ошибки и дает рекоммендации по их устранению.
Отличный плагин для создания разнообразных скриншотов веб-страниц. Позволяет создавать подписи с указателями, подсвечивать, затенять, размазывать различные области, кадрировать и многое другое. Вообщем, незаменимая вещь для создания “говорящих” скриншотов.
Расширение позволяет запускать отладку или профайлинг прямо из браузера.
Иногда возникает необходимость временно изменть имя User Agent'а. Конечно, это можно сделать через about:config, но гораздо быстрее и удобнее это сделать с помощью плагина User Agent Switcher. Также плагин позволяет добавлять собственные строчки User Agent'ов.
Discussion