25
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

[AngularJS][JavaScript] AngularJSアプリ開発を楽にするブラウザ拡張「ng-inspector」

Last updated at Posted at 2015-07-16

以前にこんな記事を書きました。
AngularJSアプリをブラウザのコンソールからデバッグする方法

いよいよコンソールからキーを打ち込むのがだるくなってきまして、何かないかと探したらとてもよいブラウザ拡張がありました。

ng-inspectorです。

これをインストールすれば、ボタン一発でスコープの中身が見えます。
Chrome/Firefox/Safariに対応しています。すばらしい。


2015/8/18追記

Firefox 42(?)から、未署名のアドオンはインストールできなくなりました。

about:configを開いて、xpinstall.signatures.requiredをfalseにするとインストールできます。


使い方は簡単です。
ng-inspectorへアクセスしてインストールしたら、メニューに追加されたボタンを一発押すだけです。
ng-inspector1.JPG

そうすると、ずらっとスコープのツリーが表示されます。
ng-inspector2.JPG

いえーい。 :laughing:
楽ちん楽ちん。 :laughing:

25
25
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
25
25

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?