AngularJS Batarang Tool

En av de viktigaste processerna när man bygger applikationer är att kunna upptäcka och korrigera fel som hindrar den från att fungera korrekt, för detta har vi olika tekniker och verktyg.
Egenskapen hos Javascript att köra på klienten gör att vi måste göra hela processen i våra webbläsare, dock i fallet med AngularJS det finns saker mer komplexa än enkla Javascript, det är därför vi måste använda specifika verktyg som kan ge oss de mest relevanta detaljerna i vår applikation.
Det är en tillägg som vi kan installera i Google Chrome och som integreras direkt med webbläsarens utvecklarverktyg, sker integrationen när en flik genereras i panelen som har ikonen och namnet på AngularJS.
Med det här verktyget kan vi alltid veta i vilket tillstånd vår ansökan är gjord AngularJS, liksom att veta modellernas tillstånd, omfattningsvariabeln och förloppet för de olika variablerna som vi kan använda för att uppnå våra mål.
VerktygetNär vi kommer åt fliken eller avsnittet AngularJS i utvecklarverktyg Google Chrome när vi installerar Batarang, verktyget kommer att visas med flera flikar där var och en av dem kommer att ge oss olika typer av information som är relevant för applikationen AngularJS som för närvarande körs i webbläsaren.
Låt oss se de viktigaste flikarna för oss just nu:
Denna flik låter oss se hur variablerna omfattning de är kapslade och hur de beter sig i vår applikation. Dessutom, som deras namn indikerar, kan vi också se hur modellerna i vår applikation fungerar tillsammans med variablerna omfattningDet bästa av allt är att vi kan göra ändringar och se resultatet i realtid:

Denna flik har den egenheten att den ber oss att aktiveras eftersom den injicerar sin egen kod i våra applikationer, men när detta är gjort kommer vi att kunna ha en särskild syn på variablerna omfattning och modellerna som gör att vi kan se prestanda för det vi har kodat, vilket ger oss möjlighet att upptäcka förbättringsmöjligheter och göra en applikation snabbare, det viktigaste är att den ger oss data i realtid medan vi använder vår applikation, så att vi kan se om våra lösningar skalas rätt med lite användning:

En annan viktig sak att tillägga Batarang till vår webbläsare är möjligheten att visa i konsolen Javascript i webbläsaren och vid inspektion av element, egenskaper hos AngularJS, med vilka vi kan undersöka vår ansökan mer i detalj med relevant information:

Med detta avslutar vi denna handledning, som vi ser Batarang är ett ganska avancerat verktyg som gör att vi kan få detaljerad information om vår applikation gjord med AngularJS och att genom att lära oss hur man använder det kan vi förbättra prestandan för dessa applikationer.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng