はじめに
うちでも、他の業者さんが作成したものを事情により変更できなくなってって
修正してもらえないかと・・ご相談があったりと・・
その時に・・CSS、JavaScriptがminになっていて、解読不能のものがあったり・・
FTPでみても、Sass,Scssのソースがなかったり、JavaScriptも元がなかったりと・・
どうするか・・
以前、下記でデベロッパーツール、開発者ツールでコーディングレベルのインデントとか紹介しましたが・・
CSSはこちらで問題ないのですが、JavaScriptでは、1行が、カンマ区切りだったり、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とか・・まぁ。変換後を使用する場合は、自己責任で・・
変数の1文字のものは、そのままなので・・・VS Codeとかで変数変換をつかうとか・・変数選択、F2キーとかね。
変換オプション
Useless 完全な安全
変換後のエラーはありません。
Safe 安全
Function.prototype.toString (関数プロトタイプ・文字列)
関数名/引数
Annex B
直接評価(direct eval)
Mostly Safe ほとんど安全
グローバルオブジェクトに対するゲッター/セッターの副作用
sealed グローバルオブジェクト
グローバルオブジェクトの書き込み不可/設定不可のプロパティ
最上位の var decls はグローバル プロパティを作成します
Unsafe ほぼ安全
非仕様の組み込みグローバルプロパティまたはネイティブのProtoプロパティ
Wildly Unsafe 非常に安全ではない
保証なし
さいごに
記事ネタぎれ!?とか言わないで・・・
とりあえず、自分用のメモってことで!!