Комментарии 36
ну такие веши как: FireBug, HTML Validator, Greasemonkey почти стандарт для разработчика. А вот Coral IE Tab попробую а то сейчас приходится открывать еще несколько окон с IETester и подобными программами…
И от меня спасибо за информацию по MeasureIt, заколебало открывать редактор и пихать туда скрин страницы, чтобы снять размеры.
А в Developer Bar есть сетка, очень удобно элементы вырвнивать
Очень часто надо не выравнивать, а по быстрому словить размеры блока для позиционирования либо прочих функций.
Но сеткой тоже пользуюсь, отличная весь, Палыч!
Но сеткой тоже пользуюсь, отличная весь, Палыч!
Но это еще не все. Я бы обратил внимание еще на два плагина очень важных для разработчиков
1) Yahoo Slow. C помощью него можно определять быстроедйствие сайта и сервера.
2) Clean cache — очистка кеша браузера в один клик.
1) Yahoo Slow. C помощью него можно определять быстроедйствие сайта и сервера.
2) Clean cache — очистка кеша браузера в один клик.
MeasureIt удобен наличием в отдельной кнопке на панели. Но при этом практически такое же средство есть прямо в Web Developer. Misc./Display ruler
Я использую электронный штанген-циркуль Screen Calipers.
По-моему к плагину Coral IE Tab прикреплена картинка от FoxyProxy. А подборка добротная — сам почти всё юзаю :)
Я не очень то веб разработчик, но ещё два добавлю (правда может эти функции уже есть в перечисленных аддонах):
Live HTTP headers (собственно листинг всех HTTP запросов с/на сервер) и Tamper Data (редактирование данных из форм перед посылкой на сервер).
Live HTTP headers (собственно листинг всех HTTP запросов с/на сервер) и Tamper Data (редактирование данных из форм перед посылкой на сервер).
Скрины поправьте — для Coral IE Tab указан скрин от FoxyProxy.
Не сильно популярный, но полезный инструмент Aardvark
Хорошая утилита для чистки страницы от лишних элементов, например для печати.
вместо него у меня Sсrapbook
на самом деле плагин предназначен для каталогизирования инфы он у меня работает в связке с Zotero
но в нем есть и функция чистки страницы от ненужных элементов
веб разработчику я бы рекомендовал бы сразу 3 плугина, 2 перечисленных и BBcode
последний упрощает общение в различных форумах и на том же Хабре
Хорошая подборка, спасибо автору.
От себя могу порекомендовать полезный плагин для разработки, которым я постоянно пользуюсь — YSlow.
Описание с вики:
плагин который измеряет скорость загрузки страницы и её отдельных компонентов. Кроме измерения скорости, проводится анализ всех компонентов: есть ли заголовки, вынесены ли стили и скрипты в отдельные файлы, используется ли компрессия, перенаправления, анализируется даже взаимное расположение компонентов на странице и даются рекомендации по оптимизации.
От себя могу порекомендовать полезный плагин для разработки, которым я постоянно пользуюсь — YSlow.
Описание с вики:
плагин который измеряет скорость загрузки страницы и её отдельных компонентов. Кроме измерения скорости, проводится анализ всех компонентов: есть ли заголовки, вынесены ли стили и скрипты в отдельные файлы, используется ли компрессия, перенаправления, анализируется даже взаимное расположение компонентов на странице и даются рекомендации по оптимизации.
вы меня огорчили
Html Validator недоступен для платформы Linux.
Html Validator недоступен для платформы Linux.
Почему недоступен? Тут смотрели?
еще попробуйте screengrab! снимает скриншоты всей страницы, только области, или только видимой части. офигенно полезный. не фоткает оконные декорации.
Для автоматизации заполнения форм и автоматического тестирования можно использовать Selenium IDE. Очень удобный инструмент, а при дополнительной конфигурации позволяет запускать тесты на удаленной машине.
Для замеров и определения использую небольшую программку picpick. Рекомендую :)
Для замеров и определения использую небольшую программку picpick. Рекомендую :)
Ещё может пригодиться User Agent Switcher в некоторых специфичных ситуациях
Для верстальщиков особо советую PixelPerfect. Это дополнение для Firebug, которое позволяет наложить изображение на страничку и таким образом сверять расположение элементов.
В MeasureIt не хватает удобного копипейста замеренного, надо вручную выделять и копировать. И формат отображения нельзя настроить. Вот бы здорово копировать например так 'width=«40 height=»315"', или в формате css, например настраиваемыми кнопками:
Это хорошие идеи. Вы бы связались с автором, а вдруг? :)
На AMO все эти подборки есть
В статье ссылка ведет на users&/#99;ripts.org
FF уже не торт
Торт — это Chrome, как наиболее перспективый и динамично развивающийся браузер.
К тому же, обладает завидной скоростью работы и хорошей стабильностью.
А Firebug, Web developer, Greasemonkey, iMacros, IE tab и валидаторы есть и под него.
Я уж молчу про встроенный про встроенный инспектор, по возможностям сравнимый с Firebug.
Остальные перечисленные вещи неполезны, но не критичны, да и при желании и им можно найти аналог в Chrome.
Всё перечисленное делает Chrome очень привлекательным для разработчиков.
К тому же, обладает завидной скоростью работы и хорошей стабильностью.
А Firebug, Web developer, Greasemonkey, iMacros, IE tab и валидаторы есть и под него.
Я уж молчу про встроенный про встроенный инспектор, по возможностям сравнимый с Firebug.
Остальные перечисленные вещи неполезны, но не критичны, да и при желании и им можно найти аналог в Chrome.
Всё перечисленное делает Chrome очень привлекательным для разработчиков.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
12 полезных дополнений Firefox для Web-разработчиков