Отладка Веб-Сайта за 60 Секунд

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

Отладка Веб-сайтов

Если в браузере вы видите ошибку базы данных или же PHP ошибку, вы сразу же их узнаете, выглядеть это будет примерно следующим образом:

Не пугайтесь, просто внимательно прочитайте сообщение об ошибке, там вы найдёте подсказку, что пошло не так.

Если вы видите какие-то визуальные проблемы, скорее всего дело в JavaScript, CSS, или HTML, и вам нужно определить что именно является причиной. Ошибки JavaScript обычно показываются в консоли разработчика Chrome developer tools, так что первым делом проверьте её. Вы можете найти точный номер строки и имя файла, где произошла ошибка.

Чтобы найти ошибки в HTML используйте W3C валидатор, скорее всего там вы увидите если что не так с вашим кодом.

Если же ошибок JavaScript нет, значит, вероятнее всего, дело в CSS, используйте инструменты разработчика, чтобы изучить элементы вашего сайта, переключайте CSS стили во вкладке Styles, пока не обнаружите проблемы, после чего поправьте ваши файлы со стилями соответствующим образом.

Больше деталей

Узнайте больше, как отлаживать веб-сайты

• Инструменты разработчика Chrome Developer Tools, курс Umar Hansa
  
• Особенности Инструментов Разработчика, Которые Вы Не Знали.
  
• Как эффективно валидировать WordPress Веб-сайт
  
• Как Использовать Source Maps для дебага Препроцессоров
  
• Валидатор W3C