Angular Gauntlets

Add shortcuts to easily debug your Angular application.

Co to jest Angular Gauntlets?

Angular Gauntlets to rozszerzenie Chrome opracowane przez yannickglt, a jego główną funkcją jest „Add shortcuts to easily debug your Angular application.”.

Zrzuty ekranu rozszerzenia

screenshot
screenshot
screenshot
screenshot

Pobierz plik CRX rozszerzenia Angular Gauntlets

Pobierz pliki rozszerzeń Angular Gauntlets w formacie crx, zainstaluj ręcznie rozszerzenia Chrome w przeglądarce lub udostępnij pliki crx znajomym, aby łatwo zainstalować rozszerzenia Chrome.

Instrukcja Użytkowania Rozszerzenia

                        Angular Gauntlets helps you getting your hands dirty. It makes the components and providers of your Angular application accessible on click on an element in the Chrome DevTools elements panel. 

How to?
Just click on a DOM element in the DevTools elements panel, type one of the following keywords in the console and here we go! 

  - $component: click on a DOM element referring to an Angular component to access its instance and playing with it.
  - $context: display a DOM element context, can be its parent Angular component, a ngFor row, etc.
  - $scope: equals $component onto Angular components or $context onto child elements. The best alternative of AngularJS Batarang for Angular.
  - $providers: get the list of the all the providers instantiated in your Angular app and play with them (not supported by Angular 9).
  - $detectChanges(): triggers Angular change detection to get your changes apply.
  - log$(obs): log the first value of the given observable.
 
Little extra: you can get a preview of all these info in the Angular tab of your DevTools elements panel. Switching between elements will refresh the data immediately.                    

Podstawowe informacje o rozszerzeniu

Nazwa Angular Gauntlets Angular Gauntlets
ID cpinnkgbfohodioinipjdhehnihbgeph
Oficjalny URL https://chromewebstore.google.com/detail/angular-gauntlets/cpinnkgbfohodioinipjdhehnihbgeph
Opis Add shortcuts to easily debug your Angular application.
Rozmiar pliku 9.55 KB
Liczba instalacji 2,207
Aktualna Wersja 1.2.3
Ostatnia Aktualizacja 2021-05-06
Data Publikacji 2020-05-24
Ocena 5.00/5 Łącznie 4 Oceny
Deweloper yannickglt
E-mail [email protected]
Typ Płatności free
Strona Rozszerzenia https://github.com/yannickglt/angular-gauntlets
Adres URL Strony Pomocy https://github.com/yannickglt/angular-gauntlets/issues
Obsługiwane Języki en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "Angular Gauntlets",
    "version": "1.2.3",
    "description": "Add shortcuts to easily debug your Angular application.",
    "devtools_page": "devtoolsBackground.html",
    "manifest_version": 2,
    "icons": {
        "16": "icons\/angular-gauntlets-16.png",
        "48": "icons\/angular-gauntlets-48.png",
        "128": "icons\/angular-gauntlets-128.png"
    }
}