Последнее время очень много приходится заниматься отладкой скриптов на клиенте. До недавнего времени в этом мне помогал только 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().
Пожалуй – это все, что бывает у меня в руках при отладке программ на клиенте.
Firebug обновился основательно. Обнови, попробуй.
Комментарий от jeka911 — Март 26, 2007 @ 12:19 дп
У меня стоит 1.01. На сайте новее еще не увидел.
Комментарий от 4matic — Март 26, 2007 @ 9:44 дп
Font Finder и HTML VALIDATOR очень помогают в борьбе с нелегким глюковебом
Комментарий от Max — Июнь 7, 2007 @ 1:49 дп
есть еще http://www.debugbar.com/ – там не только заголовки, но и больше по тексту страницы
Комментарий от alkweb — Июнь 9, 2007 @ 7:29 пп
А мне очень нравится именно для просмота заголовков клиента – сервера ‘HTTP Debugger’.
Но он не бесплатен. Хомяк – http://softx.org/debugger.html
А так, конечно, Firebug – вне конкуренции.
А, да, и Aptana – естественно…
Комментарий от Slava — Июль 16, 2007 @ 10:28 дп
Теперь только остаётся дождаться фишки для Хрома. Или может уже есть? Поделитесь, если кто что слышал!
Комментарий от Сергей — Июнь 17, 2009 @ 10:59 пп