AngularJS Batarang-tool

Een van de belangrijkste processen bij het bouwen van applicaties is het kunnen: fouten ontdekken en corrigeren die ervoor zorgen dat het niet goed werkt, hiervoor hebben we verschillende technieken en tools.
het kenmerk van Javascript om op de client te draaien, moeten we het hele proces in onze browsers doen, maar in het geval van: AngularJS er zijn dingen die ingewikkelder zijn dan eenvoudig Javascript, daarom moeten we specifieke tools gebruiken die ons de meest relevante details voor onze applicatie kunnen geven.
Het is een extensie die we kunnen installeren in Google Chrome en dat rechtstreeks kan worden geïntegreerd met de ontwikkelaarstools van de browser, vindt de integratie plaats wanneer een tabblad wordt gegenereerd in het paneel met het pictogram en de naam van AngularJS.
Deze tool stelt ons in staat om te allen tijde te weten in welke staat onze aanvraag is ingediend AngularJS, evenals het kennen van de toestand van de modellen, van de reikwijdtevariabele en van het verloop van de verschillende variabelen die we kunnen gebruiken om onze doelstellingen uit te voeren.
Het gereedschapZodra we toegang hebben tot het tabblad of gedeelte AngularJS in ontwikkelaarstools Google Chrome wanneer we installeren Batarang, zal de tool worden weergegeven met nog een aantal tabbladen waar elk van hen ons verschillende soorten informatie zal geven die relevant zijn voor de toepassing AngularJS die momenteel in de browser wordt uitgevoerd.
Laten we nu de belangrijkste tabbladen voor ons bekijken:
Op dit tabblad kunnen we zien hoe de variabelen domein ze zijn genest en hoe ze zich gedragen in onze applicatie, daarnaast kunnen we, zoals hun naam aangeeft, ook zien hoe de modellen in onze applicatie samenwerken met de variabelen domein, het beste van alles is dat we wijzigingen kunnen aanbrengen en het resultaat in realtime kunnen zien:

Dit tabblad heeft de eigenaardigheid dat het ons vraagt ​​om geactiveerd te worden, omdat het zijn eigen code in onze applicaties injecteert, maar zodra dit is gebeurd, zullen we een speciaal zicht op de variabelen hebben domein en de modellen waarmee we de prestaties kunnen zien van wat we hebben gecodeerd, waardoor we de mogelijkheid hebben om verbetermogelijkheden te detecteren en een applicatie sneller te maken, het belangrijkste is dat het ons gegevens in realtime geeft terwijl we onze applicatie gebruiken, zodat we kunnen zien of onze oplossingen met een beetje gebruik correct worden geschaald:

Nog een belangrijk ding om toe te voegen Batarang naar onze browser is de mogelijkheid om te bekijken in de console Javascript van de browser en bij het inspecteren van elementen, eigenschappen van de AngularJS, waarmee we onze applicatie nader kunnen onderzoeken met relevante informatie:

Hiermee sluiten we deze tutorial af, zoals we zien Batarang is een redelijk geavanceerde tool waarmee we gedetailleerde informatie kunnen verkrijgen over onze applicatie die is gemaakt met AngularJS en dat door te leren hoe we het kunnen gebruiken, we de prestaties van deze applicaties kunnen verbeteren.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven