Учебники

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

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

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

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

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

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

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

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