圧縮された(min)JavaScriptのコードもどす方法

らら
らら

はじめに

うちでも、他の業者さんが作成したものを事情により変更できなくなってって

修正してもらえないかと・・ご相談があったりと・・

その時に・・CSS、JavaScriptがminになっていて、解読不能のものがあったり・・

FTPでみても、Sass,Scssのソースがなかったり、JavaScriptも元がなかったりと・・

どうするか・・

以前、下記でデベロッパーツール、開発者ツールでコーディングレベルのインデントとか紹介しましたが・・

CSSはこちらで問題ないのですが、JavaScriptでは、１行が、カンマ区切りだったり、if が省略されてたりと・・そんな時に・・

関連

Javascript,cssのminファイルを整形したい。
https://www.omakase.net/blog/2022/03/javascriptcssmin.html

unminify

JavaScriptのminファイルをデコードしてくれるツールです。

他にもありますが・・デベロッパーツール、開発者ツールでできるのと同じでインデントとかの整形のみだったりとするので

unminifyでは、ifがないところはつけてくれたり、言語の記述方式もある程度復元してくれます。

github

https://github.com/shapesecurity/unminify/

変換サイト

https://unminify.io/

変換サイトには、設定でSafety Levelを選択できます。

コード解析ぐらいであれば、どれでもよいが、変換コードを使用する場合

Uselessとか・・まぁ。変換後を使用する場合は、自己責任で・・

変数の１文字のものは、そのままなので・・・VS Codeとかで変数変換をつかうとか・・変数選択、F2キーとかね。

変換オプション

Useless	完全な安全
	変換後のエラーはありません。
Safe	安全
	Function.prototype.toString (関数プロトタイプ・文字列)
	関数名/引数
	Annex B
	直接評価(direct eval)
Mostly Safe	ほとんど安全
	グローバルオブジェクトに対するゲッター/セッターの副作用
	sealed グローバルオブジェクト
	グローバルオブジェクトの書き込み不可/設定不可のプロパティ
	最上位の var decls はグローバル プロパティを作成します
Unsafe	ほぼ安全
	非仕様の組み込みグローバルプロパティまたはネイティブのProtoプロパティ
Wildly Unsafe	非常に安全ではない
	保証なし
HTML

さいごに

記事ネタぎれ！？とか言わないで・・・

とりあえず、自分用のメモってことで！！

関連記事