ngx-debug

Shortcuts for debugging Angular applications

Download

Stats

This extension was removed from Chrome Web Store on 2022-06-01

By: ngx.debug

Users: 182

Version: 0.2 (Last updated: 2019-08-19)

Creation date: 2019-08-15

Risk impact: High risk impact

Risk likelihood: High risk likelihood

Manifest version: 2

Permissions:

tabs
http://*/*
https://*/*

Size: 7.49K

URLs: Website

Stats date:

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

A simple Chrome extension which exposes a subset Angular's debugging APIs in a more concise interface, to make it easier to quickly check and set component state from the DevTools Console.

When the extension is installed, an object called ngx is exposed on the window.

GitHub: https://github.com/benelliott/ngx-debug

`ngx-debug` method	Angular `ng` equivalent	Description
`ngx.c`	`ng.probe($0).componentInstance`	Returns the state of the component currently selected in the Elements panel.
`ngx.c$(selector)`	`ng.probe(document.querySelector(selector)).componentInstance`	Returns the state of the first component to match `selector`.
`ngx.in(inputName, value)`	No equivalent	Sets the value of the input `inputName` on the currently-selected component to the value `newValue`, then executes a tick.
`ngx.in$(selector, inputName, value)`	No equivalent	Sets the value of the input `inputName` on the first component matching `selector` to the value `newValue`, then executes a tick.
`ngx.out(outputName, subscribe?)`	No equivalent	Subscribes to changes in the output `outputName` on the currently-selected component, calling `subscribe` on value changes if provided, else logging the value to the console.
`ngx.out$(selector, outputName, subscribe?)`	No equivalent	Subscribes to changes in the output `outputName` on the first component matching `selector`, calling `subscribe` on value changes if provided, else logging the value to the console.

Safety

Risk impact

ngx-debug is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install ngx-debug if you trust the publisher.