Angular Gauntlets
Item media 5 screenshot
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot
Item video thumbnail
Item video thumbnail
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 5 screenshot

Overview

Add shortcuts to easily debug your Angular application.

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.

5 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Kamil WężykOct 22, 2020

Very nice!

1 person found this review to be helpful
Review's profile picture

Edgar CastilloSep 24, 2019

Very handy when you want to avoid typing in ng.probe for everything.

2 out of 2 found this helpful
Review's profile picture

Adrian MarinicăMay 13, 2019

Perfect replacement for AngularJS Batarang.

3 out of 3 found this helpful

Details

  • Version
    1.2.3
  • Updated
    May 6, 2021
  • Offered by
    yannickglt
  • Size
    9.55KiB
  • Languages
    English
  • Developer
    Yannick Galatol
    Cap-Oméga Montpellier 34000 France
    Email
    yannick.galatol@hotmail.fr
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Angular Chrome

4.2(9)

Basic AngularJS debugging in Chrome

AngularContext

0.0(0)

Angular context inspector

ng-inspect for AngularJS

4.4(88)

Helps you in debugging AngularJS applications. Extends the elements panel in devtools to display scope properties.

Angular watchers

4.2(54)

Check how many watchers are active in an angular app

Angular DevTools

3.9(151)

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

Angular state inspector

4.7(61)

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

Angular 2+ Google Chrome extension

0.0(0)

Angular Google Chrome extension

AngularJS Console

4.3(6)

Extends the Developer Tools, Panel for helping developers with AngularJS helpers.

Angular Inspector

4.4(8)

Detect Angular apps and javascript libraries

ng-inspect for Angular(1.x/4+/Ivy)

4.9(16)

Helps in debugging Angular(1.x/4+/Ivy) applications. Extends the elements panel in devtools to display component properties.

Angular Component Overview

5.0(2)

This browser extension allows you to easily visualize the component tree of an Angular application, making it easy to understand…

Angular BatScanner

3.3(9)

Angular 2 BatScanner extension

Angular Chrome

4.2(9)

Basic AngularJS debugging in Chrome

AngularContext

0.0(0)

Angular context inspector

ng-inspect for AngularJS

4.4(88)

Helps you in debugging AngularJS applications. Extends the elements panel in devtools to display scope properties.

Angular watchers

4.2(54)

Check how many watchers are active in an angular app

Angular DevTools

3.9(151)

Angular DevTools extends Chrome DevTools adding Angular specific debugging and profiling capabilities.

Angular state inspector

4.7(61)

Helps you debug Angular component state. Supports Angular 1/2+/Ivy!

Angular 2+ Google Chrome extension

0.0(0)

Angular Google Chrome extension

AngularJS Console

4.3(6)

Extends the Developer Tools, Panel for helping developers with AngularJS helpers.

Google apps