Must have web-разработчика или Мой рабочий стол

Собственно, настольный инструментарий веб-дизайнера может много отличаться от приведенного в списке. Отчасти все указанное наверное больше для себя, чтобы ничего не забыть, но мало ли, вдруг еще кому-то пригодиться.

Браузеры:

  • firefox
  • opera
  • google chrome (safari тоже можно установить, но в общем целом страница будет очень похожа на Хром)
  • internet explorer

Т.к. разброс актуальных версий самого больного  популярного браузера с 6й до 10й, то надо бы иметь под рукой все.

Раньше в качестве замены встроенному internet explorer'у я использовал ietester, но он более чем нестабилен. Чаще всего он умудрялся увалиться, когда на странице происходила серьезная манипуляция DOM-деревом, причем падал он независимо от версии, через которую я смотрел сайт. А еще кажется у него аллергия на .htc, хотя это возможно субъективное.

 

Вместо него можно с легкостью использовать Multiple_IE или Utilu IE Collection. Они просто устанавливают все standalone-версии этого треклятого браузера. Я остановил свой выбор на Utilu IE, частично потому, что мне было интересно взглянуть, как выглядит IE версии 1.0.

 

Далее хорошо иметь под рукой инструменты веб разработки для каждого браузера.

Для моего любимого Firefox здесь, конечно, самый большой ассортимент, расположены они в степени своей используемости в моем инструментарии:

  1. firebug — незаменимая вещь для просмотра dom, для правки макета вживую, инспектирования всех css-свойств и оталдки в расширенной консоли в том числе и json объектов. Ну и многое другое, чем я не пользуюсь или пользуюсь редко.
  2. fireQuery — для отладки jQuery скриптов прямо в firebug, очень удобно видеть, на какие селекторы повесились события, а на какие нет.
  3. Visual Effect — это не совсем дополнение, фактически это кнопка в закладках, но довольно полезная. Функции ее дополняют функции fireQuery, только тот подсвечивает элементы, к которым привязаны события dom, в дереве firebug, а Visual Effect подсвечивает их прямо на странице. Возле блоков появляются обозначения событий (click, submit, etc.), а при наведении на них появляются окна с исходным js кодом.
  4. Web Developer Toolbar — панель вебмастера. Тоже не скажу, что пользуюсь всем или хотя бы половиной. Удобно отключать кеш, javascript и стили. Иногда пользую линейку
  5. httpFox — для просмотра http заголовков запросов/ответов. Уже не пользуюсь, заголовки смотрю через вкладку "Сеть" firebug'a.
  6. firePHP — просмотр специальных заголовков (в которые как правило засовывают отладку) с сервера, генерируемых скриптом firePHP на серверной стороне. Пользуюсь довольно редко, при неистовой отладки чего-нибудь критичного и в то же время во всю работающего.
  7. firesize — плагин для подгона размера окна под разные разрешения, как правило использую, чтобы бегло смотреть как выглядит дизайн с разрешением 1024 на 768 на моем 22" мониторе.
  8. Colorzilla — обычный colorpicker.

Это основные.

 

Далее Chrome:

  1. Встроенные инструменты разработчика — здесь и инспектор dom, и просмотр заголовков
  2. firebug lite — конечно более привычный, но и более урезанный вид firebug'a.

Для отладки специфичных для Хрома косяков верстки и javascript хватает, ну а для остального я пользуюсь браузером №1)

 

Opera:

В Опере пользуюсь ненастным встроенным dragonfly, на моем стареньком Celereon 1,7 стрекоза тормозит безбожно, поэтому останавливаться на ней не буду по причине недалекости знаний. Скажу только одно — что работает в firefox, с вероятностью в 95% работает в опере, так что отладкой в этом браузере я практически не занимаюсь.

 

Internet Explorer:

  1. IE Developer Toolbar — Встроенные инструменты для отладки, начиная кажется с 8 версии они очень облегчают жизнь (а облегчать есть что, потому что от версии к версии легче не становится.. Тоже управление кешем, javascript консоль, живая правка css и прочие вкусности.
  2. MyDebugBar — в нем использую отладку ajax запросов.

Список в принципе достаточный, seo и онлайн сервисы думаю не в теме данной заметки, поэтому сюда не приплетаю.

Полезно(0)Бесполезно(0)

Добавить комментарий