JS Runtime InspectorはGoogle ChromeのJavaScriptデバッグを強力にサポートしてくれるソフトウェアです。

最近はJavaScriptを徹底的に活用したWebアプリケーションも増えてきました。そんな中デバッグは非常に困難になってきています。そこで使ってみたいのがJS Runtime Inspectorです。

[![](http://images.moongift.jp/2013/02/Screenshot 2013-02-19 12.07.30_thumb.1361349920.png)](http://images.moongift.jp/2013/02/Screenshot 2013-02-19 12.07.30.1361349920.png)
インスペクタにJS検索フィールドが追加されます。

[![](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.32.44_thumb.1361349924.png)](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.32.44.1361349924.png)
検索結果です。

[![](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.31.23_thumb.1361349927.png)](http://images.moongift.jp/2013/02/Screenshot 2013-02-18 10.31.23.1361349927.png)
そこから定義されている場所に簡単に飛べます。

JS Runtime Inspectorを使えばJavaScriptを掘り下げて調べるのがとても簡単になります。関数名の他、値でも検索できるので目的の処理を見つけるのが簡単になるはずです。

JS Runtime InspectorはGoogle Chrome用、MIT Licenseのオープンソース・ソフトウェアです。

[s2If !current_user_can(access_s2member_level1)]

MOONGIFTは読者の皆さまのサポートによって運営されています。ぜひプレミアム登録お願いします!月 額500円の他、半年(3,000円)、年間パック(6,000円)もあります。! プレミアムユーザのログインはこちらから

[/s2If]

MOONGIFTはこう見る

JavaScriptを使ってWebサイトを開発する場合、出来のいいデバッガーの存在は欠かせません。FirefoxであればFirebugが、Google ChromeやSafariにはインスペクタがあります。スマートフォンもリモートデバッガが使えるようになってきました。

しかしさらに開発をスムーズにするためにはより高機能なデバッグ機能が必要になってきます。この手の拡張はフレームワークごとに存在しているのでぜひ調べてインストールしてください。開発スピードが格段にアップするはずです。

Chrome ウェブストア - JS Runtime Inspector

anvaka/jsruntime · GitHub