Время от времени разработчики совершают ошибки при кодировании. Ошибка в программе или скрипте называется ошибкой.
Процесс поиск и исправление ошибок называется отладкой и является нормальной частью процесса развития. В этом разделе рассматриваются инструменты и методы, которые могут помочь вам с задачами отладки.
Самый простой способ отследить ошибки является включение информации об ошибках в вашем браузере. По умолчанию Internet Explorer отображается значок ошибки в строке состояния при возникновении ошибки на странице.
Дважды щелкнув этот значок, перенесет вас в диалоговое окно с указанием информации о конкретной ошибке, которая произошла.
Поскольку этот значок легко упустить из вида, Internet Explorer дает возможность автоматически показывать диалоговое окно ошибки при возникновении ошибки.
Чтобы включить эту опцию, выберите Инструменты → Свойства обозревателя → вкладка “Дополнительно” и, наконец, проверьте вариант «Показывать уведомление о каждой ошибке сценария» в Обзоре, как показано ниже:
Другие браузеры, такие как Firefox, Netscape и Mozilla отправляют сообщения об ошибках в специальное окно под названием Консоль или Консоль ошибок. Для просмотра консоли выберите Веб-разработка → Консоль.
К сожалению, поскольку эти браузеры не дают визуальную индикацию при возникновении ошибки, вы должны держать консоль открытой и смотреть наличие ошибок, когда ваш скрипт выполняется.
Уведомления об ошибках, которые появляются на консоли или через диалоговое сети коробки проводника в результате оба синтаксиса и ошибки времени выполнения. Эти уведомления об ошибках содержат номер строки, в которой произошла ошибка.
Если вы используете Firefox, то вы можете нажать на ошибки в консоли ошибок, чтобы перейти на точную строку в скрипт с ошибками.
Существуют различные способы для отладки JavaScript:
Один из способов проверить код JavaScript на наличие странных ошибок – запустить его с помощью программы, которая проверяет его, чтобы убедиться, что он действителен и что он следует официальным правилам синтаксиса языка. Эти программы называются проверяющие парсеры или просто валидаторы для краткости, и часто приходят с коммерческими HTML и JavaScript редакторами.
Наиболее удобный валидатор для JavaScript – это JavaScript Douglas Crockford’s JavaScript Lint, который доступен бесплатно на языке JavaScript Douglas Crockford’s JavaScript Lint (http://www.jslint.com).
Просто посетите эту веб-страницу, вставьте код JavaScript (только JavaScript) в текстовую область и нажмите кнопку jslint. Эта программа будет обрабатывать Ваш JavaScript-код, гарантируя, что все переменных и определения функций следуют за правильностью синтаксиса. Он также проверит операторы JavaScript, такие как if и while, чтобы убедиться, что они тоже следуют правильному формату.
Вы можете использовать методы alert() или document.write() в вашей программе для отладки кода. Например, вы могли бы написать что – то вроде этого:
var debugging = true; var whichImage = "widget"; if( debugging ) alert( "Вызов swapImage() с аргументом: " + whichImage ); var swapStatus = swapImage( whichImage ); if( debugging ) alert( "Выход swapImage() с swapStatus=" + swapStatus );
Рассматривая содержание и порядок alert(), как они появляются, вы можете проверить состояние вашей программы.
Отладчик является приложением, которое которое размещает все аспекты выполнения скрипта под контролем программиста. Отладчики обеспечивают точный контроль над состоянием скрипта через интерфейс, который позволяет проверять и устанавливать значения, а также управлять потоком выполнения.
После загрузки скрипта в отладчик его можно запускать по одной строке за раз или поручить остановить работу в определенных точках останова. Как только выполнение остановлено, программист может проверить состояние скрипта и его переменных, чтобы определить, если что-то не так. Вы также можете следить за изменениями переменных в их значениях.
Вы можете держать следующие советы на виду, чтобы уменьшить количество ошибок в скриптах и упростить процесс отладки: