Angular Gauntlets

Add shortcuts to easily debug your Angular application.

O que é Angular Gauntlets?

Angular Gauntlets é uma extensão do Chrome desenvolvida por yannickglt, e sua principal característica é "Add shortcuts to easily debug your Angular application.".

Capturas de Tela da Extensão

screenshot
screenshot
screenshot
screenshot

Baixar o arquivo CRX da Extensão Angular Gauntlets

Baixe arquivos de extensão Angular Gauntlets no formato crx, instale manualmente as extensões do Chrome no navegador ou compartilhe os arquivos crx com amigos para instalar facilmente as extensões do Chrome.

Instruções de Uso da Extensão

                        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.                    

Informações Básicas da Extensão

Nome Angular Gauntlets Angular Gauntlets
ID cpinnkgbfohodioinipjdhehnihbgeph
URL Oficial https://chromewebstore.google.com/detail/angular-gauntlets/cpinnkgbfohodioinipjdhehnihbgeph
Descrição Add shortcuts to easily debug your Angular application.
Tamanho do Arquivo 9.55 KB
Contagem de Instalações 2,207
Versão Atual 1.2.3
Última Atualização 2021-05-06
Data de Publicação 2020-05-24
Classificação 5.00/5 Total de 4 Avaliações
Desenvolvedor yannickglt
Email [email protected]
Tipo de Pagamento free
Site da Extensão https://github.com/yannickglt/angular-gauntlets
URL da Página de Ajuda https://github.com/yannickglt/angular-gauntlets/issues
Idiomas Suportados 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"
    }
}