Batarangとは Chromeの拡張機能でデベロッパーツールにAngularJSタブを追加してスコープの中身、パフォーマンス、DIなどを確認することができる。 Batarangをインストール Batarang確認用サンプルページ Modelsタブ ScopeとModelを確認できる。< Scope (006)の「<」をクリックするとデベロッパーツールのElementsタブがアクティブになり該当箇所が表示される。 Performanceタブ 各部分のパフォーマンスを調べることができる。 Dependenciesタブ Dependency Injection(DI)の相互関係を確認することができる。 マウスオーバー時に緑だと依存されている マウスオーバー時に赤だと依存している Optionsタブ Show applicationsを有効にすると緑線で範囲を表示 Show bindingsを
![1分でわかるAngularJS開発ツールBatarangの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ded818c9ab53d83eed22ce6e39426b8cbb495df/height=288;version=1;width=512/https%3A%2F%2Fiwb.jp%2Fwp-content%2Fuploads%2F2014%2F11%2Fangularjs-batarang-01.png)