Записки самоучки

Февраль 22, 2007

Firebug не одинок. Инструменты отладки веб-программиста

Filed under: AJAX,CSS,DOM,Броузеры,Ссылки,HTML,JavaScript — 4matic @ 12:10 дп

Последнее время очень много приходится заниматься отладкой скриптов на клиенте. До недавнего времени в этом мне помогал только Firefox с расширением Firebug.

Мне очень нравится работать с Firebug`ом. Что-то лучшее сложно придумать. DOM с полной раскладкой всех атрибутов элементов страницы: можно проследить наследование атрибутов стилей и родственные связи, возможно просматривать информацию, которой обменивается клиент север при работе с AJAX. Так же есть возможность пошаговой отладки JS. Мне очень нравится возможность редактирования страницы прямо в броузере. Да еще много чего — нужно просто установить и получать удовольствие от пользования.

Не так давно «проснулась» Opera. В очередной недельной сборке, а точнее, начиная с версии 9.2 в броузере появился инструмент Developer Console. Аналог FireBug, но только для Opera, но функционал скуднее. Этим инструментом еще толком не пользовался, поэтому что-то внятно-сравнительное не могу сказать.

Немного погугилив нашел похожий инструмент и для IE. Называется этот инструмент Internet Explorer Developer Toolbar. Фукнционал крайне аскетичен и проигрует Opera, но это лучше, чем конь в ваккууме.

Что еще полезно и чем пользуюсь:

  • ieHTTPHeaders — надстройки для IE. Позволяет просматривать заголовки, которыми обменивается клиент с сервером при получении страницы или XMLHttpRequest.
  • LiveHTTPHeaders — расширение для Mozilla, аналогичное по функционалу ieHTTPHeaders.
  • Web Developer Extension — расширение для Mozilla, которое помогает получить детальное представление о странице.
  • Font Finder — расширение для Mozilla, с помощью которого можно получить список атрибутов CSS выделенного фрагмента.
  • HTML VALIDATOR (based on Tidy and OpenSP) — расширение для Mozilla, которое позволяет проверять валидность сверстанных страниц.
  • FirePHP — пока что для меня темная лошадка. Буквально на днях нашел и повода познакомиться ближе не было. Привык работать связкой <pre> + var_dump() + exit().

Пожалуй — это все, что бывает у меня в руках при отладке программ на клиенте.

8 комментариев »

  1. Firebug обновился основательно. Обнови, попробуй.

    комментарий от jeka911 — Март 26, 2007 @ 12:19 дп

  2. У меня стоит 1.01. На сайте новее еще не увидел.

    комментарий от 4matic — Март 26, 2007 @ 9:44 дп

  3. Font Finder и HTML VALIDATOR очень помогают в борьбе с нелегким глюковебом🙂

    комментарий от Max — Июнь 7, 2007 @ 1:49 дп

  4. есть еще http://www.debugbar.com/ — там не только заголовки, но и больше по тексту страницы

    комментарий от alkweb — Июнь 9, 2007 @ 7:29 пп

  5. А мне очень нравится именно для просмота заголовков клиента — сервера ‘HTTP Debugger’.
    Но он не бесплатен. Хомяк — http://softx.org/debugger.html
    А так, конечно, Firebug — вне конкуренции.
    А, да, и Aptana — естественно…

    комментарий от Slava — Июль 16, 2007 @ 10:28 дп

  6. Теперь только остаётся дождаться фишки для Хрома. Или может уже есть? Поделитесь, если кто что слышал!

    комментарий от Сергей — Июнь 17, 2009 @ 10:59 пп

  7. DebugBar отличный инструмент
    http://www.debugbar.com/

    комментарий от Андрей — Март 18, 2011 @ 1:22 пп

  8. Сколько я веб-обозревателей на Webkit не смотрел (Midori, QtWeb, Chrome), везде были встроенные «инспекторы» с функционалом, аналогичным Firebug.

    комментарий от Андрей — Март 18, 2011 @ 4:00 пп


RSS feed for comments on this post. TrackBack URI

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

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

Блог на WordPress.com.

%d такие блоггеры, как: