Narzędzie AngularJS Batarang

Jednym z najważniejszych procesów podczas tworzenia aplikacji jest możliwość: odkryć i poprawić błędy które uniemożliwiają jej prawidłowe działanie, do tego mamy różne techniki i narzędzia.
Charakterystyka JavaScript do uruchomienia na kliencie zmusza nas do wykonania całego procesu w naszych przeglądarkach, jednak w przypadku AngularJS są rzeczy bardziej złożone niż proste JavaScript, dlatego musimy używać konkretnych narzędzi, które mogą dostarczyć nam najistotniejszych szczegółów naszej aplikacji.
Jest to rozszerzenie, które możemy zainstalować w Google Chrome i integruje się bezpośrednio z narzędziami programistycznymi przeglądarki, integracja ma miejsce, gdy w panelu zostanie wygenerowana karta z ikoną i nazwą AngularJS.
To narzędzie pozwala nam przez cały czas wiedzieć, w jakim stanie składana jest nasza aplikacja AngularJS, a także znajomość stan modeli, zmiennej zakresu i przebiegu różnych zmiennych które możemy zatrudniać do realizacji naszych celów.
NarzędzieGdy uzyskamy dostęp do zakładki lub sekcji AngularJS w narzędziach programistycznych Google Chrome kiedy instalujemy Batarang, narzędzie zostanie wyświetlone z kilkoma dodatkowymi zakładkami, z których każda poda nam różne rodzaje informacji związanych z aplikacją AngularJS który jest aktualnie uruchomiony w przeglądarce.
Zobaczmy teraz najważniejsze dla nas zakładki:
Ta zakładka pozwala nam zobaczyć, jak zmienne zakres są zagnieżdżone i jak zachowują się w naszej aplikacji, dodatkowo jak ich nazwa wskazuje, możemy również zobaczyć jak modele w naszej aplikacji współpracują ze zmiennymi zakres, co najważniejsze, możemy wprowadzać zmiany i widzieć wynik w czasie rzeczywistym:

Ta zakładka ma tę właściwość, że prosi nas o aktywację, ponieważ wstrzykuje własny kod do naszych aplikacji, ale gdy to zrobimy, będziemy mogli mieć specjalny widok na zmienne zakres oraz modele, które pozwalają nam zobaczyć wydajność tego, co zakodowaliśmy, a tym samym dają nam możliwość wykrycia możliwości ulepszeń i przyspieszenia aplikacji, najważniejsze jest to, że dostarcza nam dane w czasie rzeczywistym podczas korzystania z naszej aplikacji, abyśmy mogli zobaczyć, czy nasze rozwiązania skalują się poprawnie przy niewielkim wykorzystaniu:

Kolejna ważna rzecz do dodania Batarang do naszej przeglądarki jest możliwość przeglądania w konsoli JavaScript przeglądarki i podczas sprawdzania elementów, właściwości AngularJS, za pomocą którego możemy dokładniej zbadać naszą aplikację z odpowiednimi informacjami:

Na tym kończymy ten samouczek, jak widzimy Batarang to dość zaawansowane narzędzie, które pozwala nam uzyskać szczegółowe informacje o naszej aplikacji wykonanej za pomocą AngularJS i że ucząc się, jak z niego korzystać, możemy poprawić wydajność tych aplikacji.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt