Firebug

Рассмотрим пару примеров для лучшего понимания, как Firebug поможет нам выявить ошибку и отладить код.

Отладка это процесс нахождения ошибок в коде и исправления нежелаемого поведения элементов в браузере. Как правило, отклонение макета от первоначального дизайна отслеживается в процессе вёрстки, но бывает и несколько ситуаций, когда ошибки необходимо исправить уже на рабочем сайте. К примеру, ошибка может быть выявлена после добавления нового блока контента, тестирования сайта в разных версиях браузеров, при различных разрешениях монитора и других условий. Также разработчик должен уметь быстро понимать чужой код, отследить причину появления ошибки и устранить её. Понимание логики чужого кода требуется при работе в команде, либо при возврате к собственной работе спустя какое-то время, когда она уже воспринимается как чужая.

На объёмных сайтах с десятками тысяч строк исходного кода HTML вычленить проблемное место достаточно сложно, поэтому требуется инструмент вроде Web Developer или Firebug, который позволяет показать код HTML и CSS выбранного фрагмента и провести над ним эксперименты.