Хотя Firefox — это прежде всего веб-браузер, благодаря огромному сообществу разработчиков надстроек он создан для того, чтобы делать все, что только можно придумать. К счастью для веб-дизайнеров и разработчиков, есть много действительно удобных инструментов для FTP, кодирования, проверки вашей работы и так далее. И все они работают как на ладони, надеемся, что ваша работа станет немного менее напряженной, так как вам не придется слишком часто переключаться между различными программами.
Одним из предостережений для всех этих заманчивых надстроек является помнить, что чем больше у вас работает, тем медленнее будет работать ваш браузер, поэтому старайтесь проявлять некоторую сдержанность при выборе тех, которые вы хотите добавить.
AdBlock Plus : хотя это может показаться странным выбором для списка инструментов, помогающих дизайнерам, из-за его частого использования никогда не помешает увидеть, как будет выглядеть ваш дизайн, когда пользователи запускают именно эту надстройку.
CodeBurner : CodeBurner для Firebug является важным справочным инструментом для веб-разработчиков. Он отображает синтаксис, примеры кода и информацию о совместимости браузера в удобной док-станции в нижней части браузера и был создан для SitePoint Джеймсом Эдвардсом, гуру и автором JavaScript (до тех пор, пока обновленная версия не будет одобрена на сайте дополнений Mozilla). Вам нужно скачать последнюю версию, совместимую с Firefox 3.5, отсюда ).
Новая версия CodeBurner была выпущена. Этот выпуск не зависит от Firebug — это отдельное расширение, и в течение ограниченного времени поставляется в комплекте с бесплатной книгой! Хватай свою сейчас.
Console² : Console² — это замена консоли JavaScript, которая позволяет отображать ошибки, отфильтрованные по типу (Errors, Warnings, Messages), языкам (JavaScript, CSS, XML) и контексту (Chrome, Content). Это также позволит вам искать, скрывать дубликаты записей, настраивать панель инструментов и многое другое.
Инспектор DOM : Инспектор DOM (объектная модель документа) позволяет вам просматривать, просматривать и редактировать документы. Вы можете проверить текущее открытое окно или ввести URL-адрес для проверки надстройки.
Firebug : вероятно, самый важный инструмент для любого разработчика, использующего Firefox. Firebug позволит вам отслеживать действия страницы, которую вы посещаете, писать новый код, отлаживать то, над чем вы уже работали, и многое другое.
FireFTP : Вы уже выполняете большую часть своей работы в браузере Firefox, почему бы не использовать его для передачи файлов FTP на сервер и с него? Помимо простой передачи файлов, FireFTP позволяет синхронизировать каталоги, искать / фильтровать, запускать проверки целостности, редактировать удаленно, перетаскивать, перетаскивать файлы и многое другое.
HTML Validator : Как и подразумевает название этого дополнения, HTML Validator полностью гарантирует, что ваш код соответствует требованиям. Вы также можете проверить страницы, которые вы посещаете, и благодаря небольшому индикатору в углу браузера вы быстро увидите, соответствует ли страница требованиям или имеются ошибки. Как только вы нажмете на индикатор, вы увидите полную версию кода, который определит, в чем заключаются проблемы.
HttpFox : HttpFox контролирует весь входящий и исходящий HTTP-трафик между браузером и серверами. Отчеты включают заголовки запросов и ответов, отправленные и полученные файлы cookie, параметры строки запроса, параметры POST и тело ответа.
Pixel Perfect : Pixel Perfect работает с Firebug, чтобы позволить разработчикам наложить композицию поверх своего HTML-кодирования, чтобы увидеть, на сколько пикселей они отключены. Вы можете изменить непрозрачность на любые параметры, которые вы предпочитаете, чтобы вы могли выстроить свою работу как можно лучше.
Данные несанкционированного доступа : Данные несанкционированного доступа позволяют просматривать и изменять заголовки HTTP / HTTPS, отслеживать и оценивать ваши ответы и запросы HTTP, проводить тесты безопасности для параметров POST и многое другое.
Просмотр зависимостей : Просмотр зависимостей добавляет вкладку в окно информации о странице, чтобы показать вам все файлы, включенные в загрузку просматриваемой страницы. Файлы разбиты по серверам, с которых они загружены, размеру каждого файла, общей загрузке на сервер, общей загрузке страницы и т. Д.
Веб-разработчик : простое дополнение, которое дает вам несколько дополнительных пунктов меню для использования и отключения различных каскадных таблиц стилей, чтобы вы могли их протестировать.
YSlow : YSlow — это дополнение к Firefox, которое интегрируется с популярным инструментом Firebug для Firefox. YSlow применяет три предопределенных набора правил или пользовательский набор правил для проверки производительности страницы. Затем он предлагает вещи, которые вы могли бы сделать, чтобы улучшить его.
Я слышал, что ребята из SitePoint HQ готовят еще одно очень классное дополнение к Firefox уже очень скоро… посмотрите этот блог, чтобы узнать подробности позже на этой неделе!