Отстраняване на грешки в приложения в AngularJS

Съдържание
Процесът на отстраняване на грешки във всяко приложение е много важно, основната характеристика на Javascript е, че работи на клиента, затова този процес се осъществява директно в браузъра, това понякога поражда малко досада у по -експертни разработчици, но това е само още една подробност, която трябва да вземем предвид.
В миналото отстраняване на грешки Javascript беше ужасно, тъй като нямаше такива инструменти Firebug които имаме в ежедневието си, затова се развиваме в Javascript Това беше мъчение, в днешно време различните конзоли на браузъра ни показват по -добре пътя, който следва нашето приложение.
Нека видим по -долу някои неща, които трябва да имаме предвид, когато искаме да отстраним грешките в нашия код Javascript, не забравяйте, че това е езикът, на който е AngularJS така че те са пряко свързани:
  • Наложително е да работите с некомпресираните версии или минимизиран от файловете JS, тъй като по този начин ще имаме достъп до правилния ред код, в който възниква грешката, освен това ще имаме правилните имена на променливите, където някои инструменти могат да ни дадат по -подробна информация за грешката.
  • За удобство е най -добре да съхранявате JS кода в отделни файлове от архива. HTML което ги изпълнява, което прави нашия код по -управляем.
  • Използването на Точки на прекъсване и инструмент Пауза при всички изключения Те ни помагат да спрем приложението, когато възникне грешка, с това ще можем да изолираме проблема по -бързо и по този начин да намерим съответното решение.

Както споменахме в началото, в миналото не е имало инструменти, които да ни позволяват да оценим нашия код Javascript По подходящ начин с модерните браузъри почти винаги имаме налична конзола, където можем да видим поведението на Javascript, например в Google Chrome имаме инструменти за разработчици, които можем да получим чрез натискане на клавиша F12.

Увеличете

Въпреки това, за да видите хода на нашето приложение, направено в AngularJS имаме още по -мощен инструмент, наречен Батаранг, който, когато е инсталиран, ни позволява да видим текущото състояние на нашето приложение, да прегледаме преминаванията на повиквания между контролери и модели, наред с други функционалности.
Интеграция с ChromeТози инструмент се свързва директно към Google Chrome към инструментите за разработчици и добавя нов раздел, с който можем да започнем да получаваме необходимата ни информация, като например производителността на нашето приложение, грешки, пътя, следван от променливите в рамките на нашия процес и т.н.
В допълнение към всичко това Firebug Той също е важен инструмент, тъй като ни позволява да получим информация от т.нар Аякс и различните променливи или параметри, които се предават по време на тях.
С това завършихме този урок, открихме няколко инструмента, които са ни достъпни за разработване на нашите приложения AngularJS и имат контрол как да преглеждат информацията, когато възникнат грешки в нея.
wave wave wave wave wave