質問: 興味本位でサイト(TwitterやQiitaなど)がどんなふうにそれ(例えばモーダルダイヤログ)を作ってるのかを調べたいと思い、JSファイルを開発者ツールで見てみることがありますが、まったく読めません これはソースを圧縮してるからだと思いますが、どうすればこれを読み解くことができますでしょうか?一見すると全然それ(モーダルダイヤログなど)に関係ないソースに見えますし、変数や関数がわかりづらく、ソース自体も追いにくいです マップファイルがあればもう少し楽かもしれませんが、上でかいたTwttterやQiitaはマップファイルを公開していません ただ、こういった場合にもソースを読み解けるように何かデバッグ?方法があるのではないかと思い質問に至った次第です こういった事態で有効なデバッグ?方法を教えてください(圧縮はwebpackに限らないのでwebpackタグはつけておりません) よろしくお願いします
回答: javscriptの見た目を改善するツール、beautifierという名前のものがネット上に多数あるので、使ってみてはいかがでしょうか。 例えばhttps://beautifier.io/など。 「js beautify」で検索してトップに出てきたものです。 圧縮されたjsを貼り付けるときれいな構文・インデントを持ったスタイルに変換してくれなす。