В настоящее время средства отладки доступны для всех основных браузеров.

  • Firefox имеет хорошо известное расширение Firebug
  • IE8 выпускается со встроенными Developer Tools
  • Опера 9.5+ поддердивает отладчик Dragonfly

На данный момент Firebug и Dragonfly наиболее стабильны. Утилиты IE8 иногда игнорируют контрольные точки, а во время написания этой статьи WebInspector имеет некоторые проблемы совмстимости с последними билдами Webkit.


Firebug

Firebug — расширение для браузера Firefox, являющееся консолью, отладчиком, и DOM-инспектором JavaScript, DHTML, CSS,XMLHttpRequest. Firebug показывает в консоли вызвавшую ошибку функцию, стек вызовов функций, вызвавших эту ошибку. Он предупреждает, что CSS-правило или JavaScript-метод/свойство, которое вы пытаетесь использовать, не существует.

Возможности:

  • Анализ html-кода страницы
  • Редактирование HTML и CSS прямо в браузере. Можно изменять атрибуты тегов и значения свойств для того, чтобы пронаблюдать изменения. Удобно для тех случаев, когда нужно путём экспериментов найти наиболее приемлемый вариант оформления создаваемой страницы.
  • Отслеживание процесса загрузки страницы.
  • Работа с JavaScript, отладка
  • Анализ сетевой активности
  • Просмотр HTTP-заголовков обычных и AJAX-запросов.

Для Firebug создан ряд дополнений, расширяющих его функционал или упрощающих работу с ним:

  • Firecookie — просмотр и управление cookies
  • FirePHP — библиотека и дополнение для отладки PHP-кода с помощью HTTP-заголовков
  • FireRainbow — подсветка синтаксиса JavaScript
  • YSlow — расширение измеряющее скорость загрузки страницы и её отдельных компонентов

 

eTXT