Инструменты для отладки работы сайта

В данной статье мы расскажем о том какие инструменты есть для отладки работы сайта.

В первую очередь необходимо смотреть логи ошибок в случае использования виртуального хостинга в панели управления хостингом, в случае использования сервера в директории /var/log/ В тексте ошибки описывается где именно возникла ошибка (в каком файле) указывается строка на которой возникла ошибка, что очень помогает при синтаксических ошибках. Также в логе ошибок можно узанть какие функции php необходимо активировать.

Инструменты для отладки работы сайта. Есть большое количество дополнений для браузеров которые позволяют облегчить процесс разработки и отладки сайта. Из них можно выделить дополнение Firebug для браузера Firefox из возможностей следует отметить Удобный просмотр HTML-кода страницы. Функция Inspect позволяет точно определить местонахождение тега того или иного элемента, просмотреть все
«привязанные» к нему свойства и стили. Редактирование HTML и CSS прямо в браузере. Можно изменять атрибуты тегов и значения свойств для того, чтобы пронаблюдать изменения. Удобно для тех случаев, когда нужно путём экспериментов найти наиболее приемлемый вариант оформления создаваемой страницы.

Отладка JavaScript Отслеживание процесса загрузки страницы. Просмотр HTTP-заголовков обычных и AJAX-запросов.

Существует упрощённая версия данного инструмента для других браузеров Firebug Lite. 

Если Вы используете какой либо фреймворк, то как правило команда его разработчиков предоставляет и инструменты для отладки сайтов раработанных на этом фреймворке. В частности команда Angular выпустила плагин для браузера Google Chrome под названием Batarang,который облегчает отладку веб-приложений, построенных на Angular. Расширение позволяет легко обнаруживать узкие места и предлагает графический интерфейс для отладки приложений.

Не стоит забывать и об онлайн средствах которые позволят проверить какие HTTP-заголовки передаются, работает ли сжатие, какая кодировка используется и много другой полезной информации.
В частности сайт http://www.whatsmyip.org/ имеет большой инструментарий и проверка gzip сжатия и какие заголовки передаются. Сайт http://gtmetrix.com/ даёт нам информацию о том что необходимо
оптимизировать в работе сайта, таким же функционалом обладает и сервис от google по адресу http://developers.google.com/speed/pagespeed/insights/

Также для обеспечения работоспособности сайта необходимо применять превентивные меры. Такие как своевременное обновление cms сайта, просмотр баг-репортов на официальных сайтах cms. Используйте официальные источники Вашей cms .