HTML代码加密工具

输入原始HTML代码

<!DOCTYPE html>
<html>
<head>
    <title>示例页面</title>
    <style>
        body { 
            font-family: Arial, sans-serif; 
            background: linear-gradient(135deg, #667eea, #764ba2);
            color: white;
            padding: 50px;
            text-align: center;
        }
        .card {
            background: rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            padding: 40px;
            max-width: 600px;
            margin: 0 auto;
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
        }
        h1 { margin-bottom: 20px; }
        button {
            background: white;
            color: #667eea;
            border: none;
            padding: 12px 30px;
            border-radius: 50px;
            font-size: 16px;
            cursor: pointer;
            margin-top: 20px;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <div class="card">
        <h1>🎉 欢迎使用HTML加密工具</h1>
        <p>这是一个示例页面，点击下方按钮查看效果。</p>
        <button onclick="showMessage()">点击这里</button>
        <p id="message" style="margin-top: 20px;"></p>
    </div>
    
    <script>
        function showMessage() {
            const msg = document.getElementById('message');
            msg.innerHTML = '✅ HTML代码被加密后，页面功能仍然正常运行！';
            msg.style.color = '#7fff00';
            msg.style.fontWeight = 'bold';
        }
    </script>
</body>
</html>

字符数: 0 行数: 0

加密后的代码

字符数: 0 加密率: 0%

0

原始大小

0

加密后大小

低

加密级别

使用说明

在首页输入或粘贴您的HTML代码，包括CSS和JavaScript
默认启用Base64编码和字符串编码，其他选项根据需要选择
点击"开始加密"按钮生成加密后的代码
加密后切换到"预览"页面自动运行查看效果
加密后的代码可以复制并在您的项目中使用
预览页面全屏显示，可以查看加密后的实际运行效果
注意：HTML加密是混淆技术，无法提供100%的安全保护
高级加密会增加代码体积，但提供更好的混淆效果
"开始解密"按钮用于尝试解密Base64编码的加密代码
浏览器缩放已禁用，如需缩放请使用浏览器设置

HTML代码加密

输入原始HTML代码

加密后的代码

设置与选项

加密选项

加密级别

保护功能

使用说明