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 内部 JavaScript 代码的总大小计算的，而不是按整个 HTML 文件的大小。不过，最大上传文件大小限制适用于整个 HTML 文件。

禁用运行输出： 启用 Parse HTML 后，“运行输出代码”功能会被禁用，因为 HTML 无法作为 JavaScript 执行。

只有带 data-javascript-obfuscator 属性的脚本才会被混淆
每个脚本标签都会被单独混淆 —— 代码必须自包含，不能引用其他脚本标签
事件处理器属性（onclick、onload 等）不会被混淆
JavaScript URL（javascript: 协议）不会被混淆
HTML 注释内的脚本会被忽略
启用 Parse HTML 时不支持 source map

条件注释

实用方案