ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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.

MOONGIFTプレミアムに登録して運営をサポートしてください!月額500円の他、半年(3,000円)、年間パック(6,000円)もあります。企業向けに3アカウント以上で請求書払いも可能です(年間一括のみ)。従業員の方向けのサービスにいかがですか? プレミアムユーザのログインはこちらから

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2