Любой код JavaScript можно отлаживать с помощью блока alert () или console.log () или с помощью указателя отладки в отладчике.
Ящик оповещения
Поместите окно предупреждения в код, где вы хотите проверить поток или любое значение переменной. Например, alert («сообщение для показа» + переменная);
Инструмент разработки / отладки
Отладчик является наиболее важным инструментом для любого разработчика для проверки проблем и ошибок в коде во время разработки.
Ext JS — это фреймворк JavaScript, поэтому его можно легко отлаживать с помощью инструментов разработчика, предоставляемых различными браузерами или специфичных для них. Все основные браузеры имеют свои инструменты разработчика, доступные для тестирования и отладки кода JavaScript.
Популярными отладчиками являются инструмент разработки IE для IE, firebug для firefox и инструмент разработки chrome для браузера Chrome.
Отладчик Chrome поставляется с браузером Chrome, однако Firebug должен быть установлен специально, поскольку он не поставляется вместе с Firefox.
Вот ссылка для установки Firebug для браузера Firefox http://getfirebug.com
Сочетание клавиш для открытия средства разработки в ОС Windows — клавиша F12.
Отладка кода JS в отладчике
Есть два способа отладки кода JavaScript.
Первый способ — это поместить console.log () в код и увидеть значение журнала, который будет напечатан в консоли инструмента разработки.
Второй способ — использование точек останова в инструменте разработки. Ниже приводится процесс.
Откройте файл во всех доступных сценариях под тегом script.
Теперь поместите точку останова на строку, которую вы хотите отладить.
Запустите приложение в браузере.
Теперь, когда поток кода достигнет этой строки, он будет нарушать код и оставаться там до тех пор, пока пользователь не выполнит код с помощью клавиш F6 (перейти к следующей строке кода), F7 (перейти в функцию) или F8 (перейти до следующей точки останова или запустите код, если точек останова больше нет) в зависимости от потока, который вы хотите отладить.
Вы можете выбрать переменную или функцию, значение которой вы хотите увидеть.
Вы можете использовать консоль, чтобы проверить значение или проверить некоторые изменения в самом браузере.