Ext.js - Отладка кода Ext JS

Любой код 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() в коде и посмотрите значение журнала, которое будет напечатано в консоли средства разработки.

• Второй способ - использовать точки останова в средстве разработки. Ниже приведен процесс.

  • Откройте файл во всех доступных скриптах под тегом скрипта.

  • Теперь поместите точку останова в строку, которую вы хотите отладить.

  • Запустите приложение в браузере.

  • Теперь, когда поток кода достигает этой строки, он прерывает код и остается там, пока пользователь не запустит код с помощью клавиш F6 (перейти к следующей строке кода), F7 (перейти внутрь функции) или F8 (перейти к следующей точке останова или запустите код, если точек останова больше нет) в зависимости от потока, который вы хотите отлаживать.

  • Вы можете выбрать переменную или функцию, значение которой хотите увидеть.

  • Вы можете использовать консоль для проверки значения или для проверки некоторых изменений в самом браузере.