Section

HTML ファイルの難読化

Pro

有料プランでは、インライン JavaScript を含む HTML ファイルを難読化できます。難読化ツールはマークされた <script> タグを抽出し、その内容を難読化し、周囲の HTML を保持します。基本的な難読化と VM 難読化の両方で動作します。

HTML ファイルのサポート

Parse HTML オプションを有効にすると、難読化ツールは自動的に <script> タグを抽出し、その内容を難読化し、HTML の構造を保持します。

仕組み: 難読化ツールは HTML を解析し、data-javascript-obfuscator 属性でマークされた <script> タグを見つけます。マークされた各スクリプトは個別に難読化され、保護されたスクリプトを含む完全な HTML が出力されます。

重要: 各 data-javascript-obfuscator スクリプトタグ内のコードは、自己完結していなければなりません。スクリプトは個別に難読化され、他のスクリプトタグの変数や関数を参照することはできません。

例

入力 HTML

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
    <script src="vendor.js"></script> <!-- External scripts preserved -->
</head>
<body>
    <h1>Welcome</h1>

    <!-- This script will NOT be obfuscated (no attribute) -->
    <script>
        console.log('Regular script - not obfuscated');
    </script>

    <!-- This script WILL be obfuscated -->
    <script data-javascript-obfuscator>
        // Self-contained code only!
        function validateLicense(key) {
            return key.length === 32 && key.startsWith('PRO-');
        }
        validateLicense('test');
    </script>

    <!-- Another obfuscated script (isolated from the one above) -->
    <script data-javascript-obfuscator>
        function init() {
            console.log('App initialized');
        }
        init();
    </script>
</body>
</html>

難読化後は、data-javascript-obfuscator 属性を持つスクリプトのみが変換されます。それ以外のすべてのコンテンツは変更されません。

制限事項

使用量の計算: 難読化のクォータは、HTML ファイル全体のサイズではなく、HTML 内の JavaScript コードの合計サイズに基づきます。ただし、最大アップロードファイルサイズの上限は HTML ファイル全体に適用されます。

出力の評価が無効化されます: Parse HTML が有効な場合、HTML は JavaScript として実行できないため、「Evaluate output」機能は無効になります。

data-javascript-obfuscator 属性を持つスクリプトのみが難読化されます
各スクリプトタグは個別に難読化されます。コードは自己完結している必要があり、他のスクリプトタグを参照できません
イベントハンドラ属性（onclick、onload など）は難読化されません
JavaScript URL（javascript: プロトコル）は難読化されません
HTML コメント内のスクリプトは無視されます
Parse HTML が有効な場合、ソースマップはサポートされません

条件付きコメント

レシピ