JavaScriptで大型なWebアプリケーションが開発されるのに合わせて、全体を把握するのが困難になってきています。表示されている文字がサーバサイドから出力されているものでない場合、どこで作られたデータなのかを追いかけるのも大変です。 そこで使ってみたいのがFromJSです。Webアプリケーションの内容を把握するのに役立つツールです。

FromJSの使い方

中央にあるのがFromJSです。DOMエレメントについて表示されます。

そして表示されている文字を選択すると、それがどこで生成された文字なのかが一目で分かります。

FromJSはすべてのWebサイトで使える訳ではなく、かなり限定されたWebアプリケーションでの利用になるようです。その文字がJavaScriptの変数によるものなのか、localStorageによるものなのかなど、出所が分かるだけでもデバッグがかなり容易になることでしょう。

FromJSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。

FromJS - Understand JavaScript Apps mattzeunert/FromJS: Understand JavaScript apps. See where each character on the screen came from in code.