Skip to content

A small library providing utilities to debug AngularJS-based apps in Chrome Devtools

License

Notifications You must be signed in to change notification settings

Passiverecords/ngDebug

 
 

Repository files navigation

ngDebug

ngDebug is a small library providing command line utilities to debug AngularJS-based apps in Chrome Devtools.

Install

Install with Bower:

$ bower install --save ngDebug

Usage

  1. Import ngDebug library:

    <script src="bower_components/ngDebug/dist/ngDebug.js"></script>
  2. Start using it!

    Debug a controller/scope using css selectors :

    $A.controller(selector);
    $A.scope(selector);

    Debug a controller/scope using HTMLElements references :

    $A.controller(HTMLElement);
    $A.scope(HTMLElement);

    Debug rootScope :

    $A.rootScope();

    Debug scope using chrome commandLineAPI :

    $A0.scope();
    $A1.scope();
    $A2.scope();
    $A3.scope();

    Debug a service by service name :

    $A.service(serviceName);

    Start ui-router debugging by listening to its lifecycle events :

    $A.uiRouterDebug();

License

ngDebug is released under the MIT License.

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 :

About

A small library providing utilities to debug AngularJS-based apps in Chrome Devtools

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%