Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yannickdot/ngdebug
🐛 - A small library providing utilities to debug AngularJS-based apps in Chrome Devtools
https://github.com/yannickdot/ngdebug
Last synced: about 6 hours ago
JSON representation
🐛 - A small library providing utilities to debug AngularJS-based apps in Chrome Devtools
- Host: GitHub
- URL: https://github.com/yannickdot/ngdebug
- Owner: YannickDot
- License: other
- Created: 2014-07-16T10:23:26.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2016-06-28T14:08:21.000Z (over 8 years ago)
- Last Synced: 2024-10-10T08:27:14.277Z (29 days ago)
- Language: JavaScript
- Homepage:
- Size: 14.6 KB
- Stars: 7
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# ngDebug
ngDebug is a small library providing command line utilities to debug AngularJS-based apps in Chrome Devtools.
## Install
Install with [Bower](http://bower.io):
```sh
$ bower install --save ngDebug
```
## Usage
1. Import ngDebug library:
```html
```
2. Start using it!
Debug a controller/scope using css selectors :
```js
$A.controller(selector);
$A.scope(selector);
```
Debug a controller/scope using HTMLElements references :
```js
$A.controller(HTMLElement);
$A.scope(HTMLElement);
```
Debug rootScope :
```js
$A.rootScope();
```
Debug scope using chrome commandLineAPI :
```js
$A0.scope();
$A1.scope();
$A2.scope();
$A3.scope();
```
Debug a service by service name :
```js
$A.service(serviceName);
```
Start ui-router debugging by listening to its lifecycle events :
```js
$A.uiRouterDebug();
```
## License
ngDebug is released under the [MIT License](http://opensource.org/licenses/MIT).
## Contributing
In lieu of a formal styleguide, take care to maintain the existing coding style.
## Release history
- 1.0.0
- Initial release
- 1.1.0
- added ui-router debug
## Thanks
######Inspired by :
- [angular-console](https://github.com/jarrodldavis/angular-console) by jarrodldavis.
- the [Ionic Framework Blog](http://ionicframework.com/blog/angularjs-console/) by [@maxlynch](https://twitter.com/maxlynch)
- Adam's answer on [stackoverflow](http://stackoverflow.com/a/20786262/69362)