Html・JavaScript・Css コード解析

HTML・JavaScript・CSSの解析とフォルダープレビュー

VERSION 1

1. ファイル読み込み

プロジェクトフォルダー全体、または個別ファイルを読み込めます。ドラッグ&ドロップは、この2つの読み込み枠の中でのみ受け付けます。

フォルダーまたはファイルを読み込んでください。
読み込み済みファイル
  • まだファイルはありません。
AI解析の接続設定

APIキーはブラウザー側に書かず、サーバー側で管理してください。

設定先に {"code":"...","mode":"detailed"} をPOSTし、{"analysis":"..."} 形式のJSONを受け取ります。

2. 読み込みコード

コード未読み込み

3. 構文チェック結果

まだチェックしていません。

ファイル間の依存関係マップ

読み込み済みファイルを静的に調べ、HTML・CSS・JavaScriptなどが参照しているファイルを一覧化します。コードの実行や外部URLへのアクセスは行いません。

まだ解析していません。

ファイルを読み込み、「依存関係を解析」を押してください。

解析結果はここに表示されます。

注意:動的に組み立てられるパス、実行時に決まるimport、サーバー側の処理などは完全には判定できません。「未参照」は不要ファイルと断定するものではありません。

セキュリティ精査

読み込み済みのHTML・CSS・JavaScript・JSONなどを静的に調べ、危険につながるURL、不審なコード、外部通信の候補を検出します。対象コードは実行せず、外部サイトへのアクセスや通信テストも行いません。

まだ精査していません。

ファイルを読み込み、「セキュリティ精査を実行」を押してください。

精査結果はここに表示されます。

注意:これは静的解析であり、ウイルス判定ではありません。検出は危険性の候補を示すもので、誤検出や見逃しがあります。動的に生成されるURL、難読化、実行時の通信内容などは完全には特定できません。

5. 基本解析結果

6. 基本構文の説明

7. 詳細アルゴリズム説明

注意:プレビューでは選択したHTMLのJavaScriptが実行されます。AI解析時はソースコードが設定先サーバーに送信されます。

MOMOPLAN. All rights reserved.