Chrome Devetools Elements sidebar to displays Angular Component (pre-Ivy and Ivy) and AngularJS Scope for selected element i.e. $0
ngprobe Extension
The extension evaluates the following expression in the context of the page and displays the results in 'ngprobe' sidebar pane:
If Angular (Ivy) is detecetd:
```
ng.getOwningComponent($0)
where:
$0 is the element selected in Elements tab.
```
If Angular (pre Ivy) is detecetd:
---
ng.probe($0).componentInstance
where:
$0 is the element selected in Elements tab.
---
If AngularJS is detected:
---
angular.element($0).scope()
where:
$0 is the element selected in Elements tab.
---
Also shows parent components or scopes as an array.
The values of component properties can be edited in the ngprobe sidebar pane.
Source Manifest.json
Similar Extensions
Angular DevTools 394 159 ★ 3.2MiB
Angular BatScanner 394 9 ★ 513KiB
AngularJS Inspect Watchers 394 21 ★ 35.49KiB
AngularContext 394 0 ★ 22.57KiB
Angular Inspector 394 8 ★ 270KiB
SB Angular Inspector 394 2 ★ 11.96KiB
AngularJS Console 394 6 ★ 263KiB
Angular Gauntlets 394 5 ★ 9.55KiB
AngularJS Graph 394 35 ★ 559KiB
Angular Chrome 394 9 ★ 605KiB
Angular Component Overview 394 2 ★ 874KiB
ng-inspect for Angular(1.x/4+/Ivy) 394 16 ★ 63.24KiB
Angular watchers 394 54 ★ 335KiB
Angular 2+ Google Chrome extension 394 0 ★ 863KiB
ng-inspect for AngularJS 394 87 ★ 585KiB
Angular state inspector 394 64 ★ 36.35KiB
rappidjs-devtools 394 0 ★ 9.41KiB
Augury Extension 394 2 ★ 208KiB
Catberry Debugger 394 4 ★ 455KiB
Angular Profiler 394 2 ★ 7.14MiB
console.sparkline 394 1 ★ 4.7KiB
ng-detector 394 19 ★ 105KiB
RxJs watcher 394 5 ★ 118KiB
Atma.js DevTool 394 0 ★ 201KiB
User reviews
Dennis Liu (ID: 000000a28f006c96) Voted 5 ★ - Updated 07/11/2019