Расширения для Firefox
не думаю, что для веб девелоперов до сих пор стоит вопрос, о том, какой браузер использовать при разработке. Те, кто серьезно занимается этим, уже давно используют Firefox, те кто только начинает, но в будущем планирует серьезно заняться, думаю, сберегут себе много времени если сразу установят его.
Firefox – очень мощный инструмент для веб-разработки! Вот собраны лучшие из когда-либо созданных Firefox расшерений, которые помогут вам максимально облегчить веб девелопмент. Это экономия массы времени и денег, отведеных на разработку.
ScrapBook
Расширение позволяющее сохранять страницы или целые сайты для offline просмотра. Конечно в других браузерах (да и в Firefox по умолчанию) есть Ctrl+S, но возможности которая есть у ScrapBook я пока не видел нигде, собственно она же и есть причина по которой это расширение попадает в этот обзор. В момент сохранения это расширение рендерит страницу в HTML, т.е. все JavaScript’ы и CSS’ы зафиксируются в том виде в каком находится страница в момент сохранения и преобразовываются в статический HTML.
Spiderzilla
Альтернатива ScrapBook – легкая в использовании утилита предназначенное для зеркалирования веб-сайтов и скачивания их целиком.
Small Screen Rendering XPI
С помощью этой утилиты можно увидеть, как страница будет выглядеть на экране мобильного устройства.ж
BugMeNot
Жизнь веб разработчика – это борьба за ресурсы. Получить доступ ко многим ресурсам можно только через муторошную и бессмысленную регистрацию. Талантливые люди упростили этот процесс. Расширение позволяет обратиться к базе сайта BugMeNot.com и автоматически заполнить поле Login и Password для огромного количества сайтов.
Просмотр Adsense
Утилита, позволяющая предварительно просматривать объявления Adsense, которые могут быть показаны на странице.
SearchStatus
Расширение не столько для разработчика, сколько для оптимизатора. Позволяет в статусной строке просматривать PageRank и Alexa статус текущей страницы.
ShowIP
IP адрес сайта.
Show Anchors
Позволяет быстро включить отображение якорей (a name=”") и скопировать адрес, включающий якорь, в буфер обмена.
domainFinder
whois информация о сайте
Web Developer
Король всех расширений для разработчика, не удивлюсь, если окажется, что про него уже пишут учебник, как это когда-то произошло с Greasemonkey. Расширение буквально позволяет делать все. Для примера расширение позволяет редактировать CSS и сразу же видеть результаты работы в этом же окне браузера.
X-Ray
Просмотр исходного html кода непосредственно на страничке
View Source Chart
Вам когда-нибудь приходилось искать в коде страницы начало и конец таблицы или блока, это особенно интересно когда уровень вложенности просто зашкаливает, а автор не заботился о читабельности кода. Каждый, кто сидел и подсчитывал открывающие и закрывающие теги с целью определить что к какому блоку относится, оценит этот плагин. View Source Chart позволит просмотреть код, выделив все блоки, таблицы, параграфы, отметив их цветом, и отобразив вложенность (см. скриншот). Кроме того есть возможность масштабирования в окне просмотра кода.
ViewSourceWith
Это расширение позволяет открывать исходный код страницы с помощью вашего любимого текстового редактора.
DOM Inspector
Инспектор DOM – Представляет структуру документа в виде дерева с полной информацией по каждому элементу в HTML, XUL и XML страницах.
Tamper Data
Просмотр и изменение HTTP/HTTPS заголовков и post параметров.
Header Monitor
Позволяет перехватить HTTP-хедеры, чтобы посмотреть, что передается серверу и что от него возвращается обратно.
Colour Contrast Analyser
Вместо того, чтобы вводить цвета вручную, Gez Lemon’s плагин для Firefox найдёт все текстовые элементы в документе и проверит разницу фона и цвета текста. firefox girl Результаты он откроет в новом табе, с пред-просмотром цветов. Это может показаться немного утомительным, но это хороший способ поиска проблематичных мест в дизайне. К сожалению, этот инструмент не распознаёт изображения, поэтому используйте его на HTML документе без графики.
LinkChecker
Можно проверить правильность ссылок на странице.
Copy URL+
Банально копирует в буфер title и URL (в нескольких вариантах на-выбор) текущей страницы.
ColorZilla
Код цвета заданного пикселя, eyedropper + colorpicker для извлечения цветов со страниц.
EditCSS
Редактор CSS в боковой панели (CTRL-8); удобен тем, что изменения сразу видны на страницу.
FireBug
Для тех кто пытается разрабатывать приложения с использованием AJAX’а важность приложения становится первостепенной. FireBug не что иное как консоль позволяющая отслеживать поведение страницы и перехватывать XMLHttpRequest. Если вы когда-нибудь пытались отладить JavaScript с помощью alert’ов, то еще один повод рыдать от счастья.
HTML Validator
Это расширениекоторое добавляет возможность проверки HTML кода в браузеры Firefox и Mozilla.
Checky
Проверка HTML, XHTML, CSS, RDF, RSS, XML, WAI, Section 508, P3P, Metadata ссылок.
Метки: заметки
Пока что без комментариев. Будь первым!
Прокомментировать пост