密码生成�?- 小睿 AI 工具�?/title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 600px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #f0f0f0; } .tool-name { font-size: 24px; font-weight: bold; color: #333; } .back-link { color: #667eea; text-decoration: none; } .result-box { background: linear-gradient(135deg, #667eea, #764ba2); padding: 30px; border-radius: 15px; text-align: center; margin: 30px 0; } .password-display { font-size: 28px; font-family: 'Courier New', monospace; color: #fff; word-break: break-all; padding: 20px; background: rgba(255,255,255,0.2); border-radius: 10px; margin: 20px 0; } .btn { padding: 15px 30px; border: none; border-radius: 10px; font-size: 16px; cursor: pointer; margin: 10px 5px; } .btn-primary { background: #fff; color: #667eea; } .btn-copy { background: #52c41a; color: #fff; } .btn-group { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .option-group { margin: 20px 0; } .option-group label { display: flex; align-items: center; gap: 10px; margin: 10px 0; cursor: pointer; } .option-group input[type="checkbox"] { width: 20px; height: 20px; } .length-slider { width: 100%; margin: 15px 0; } .length-value { font-size: 24px; font-weight: bold; color: #667eea; text-align: center; } .strength-meter { height: 8px; border-radius: 4px; background: #e0e0e0; margin: 15px 0; overflow: hidden; } .strength-bar { height: 100%; border-radius: 4px; transition: all 0.3s; } .strength-weak { background: #ff4d4f; width: 25%; } .strength-medium { background: #faad14; width: 50%; } .strength-strong { background: #52c41a; width: 75%; } .strength-very-strong { background: #13c2c2; width: 100%; } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "密码生成器", "description": "生成高强度随机密码", "url": "https://xrdj.club/tool.php?id=36", "applicationCategory": "UtilitiesApplication", "operatingSystem": "All", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "CNY" }, "author": { "@type": "Organization", "name": "小睿 AI 工具箱", "url": "https://xrdj.club" } } </script> </head> <body> <div class="container"> <div class="header"> <div class="tool-name">🔑 密码生成�?/div> <a href="/" class="back-link">�?返回首页</a> </div> <div class="option-group"> <label>密码长度�?span class="length-value" id="lengthValue">16</span></label> <input type="range" class="length-slider" id="length" min="6" max="32" value="16" oninput="document.getElementById('lengthValue').textContent = this.value"> </div> <div class="option-group"> <label><input type="checkbox" id="uppercase" checked> 包含大写字母 (A-Z)</label> <label><input type="checkbox" id="lowercase" checked> 包含小写字母 (a-z)</label> <label><input type="checkbox" id="numbers" checked> 包含数字 (0-9)</label> <label><input type="checkbox" id="symbols" checked> 包含特殊符号 (!@#$%^&*)</label> </div> <div class="strength-meter"> <div class="strength-bar" id="strengthBar"></div> </div> <div class="result-box"> <div style="color: rgba(255,255,255,0.8); margin-bottom: 10px;">生成的密�?/div> <div class="password-display" id="password">点击生成按钮</div> </div> <div class="btn-group"> <button class="btn btn-primary" onclick="generatePassword()">🔄 生成密码</button> <button class="btn btn-copy" onclick="copyPassword()">📋 复制密码</button> </div> </div> <script> function generatePassword() { const length = parseInt(document.getElementById('length').value); const useUpper = document.getElementById('uppercase').checked; const useLower = document.getElementById('lowercase').checked; const useNumbers = document.getElementById('numbers').checked; const useSymbols = document.getElementById('symbols').checked; let chars = ''; if (useUpper) chars += 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; if (useLower) chars += 'abcdefghijklmnopqrstuvwxyz'; if (useNumbers) chars += '0123456789'; if (useSymbols) chars += '!@#$%^&*()_+-=[]{}|;:,.<>?'; if (chars === '') { alert('请至少选择一种字符类�?); return; } let password = ''; const array = new Uint32Array(length); crypto.getRandomValues(array); for (let i = 0; i < length; i++) { password += chars[array[i] % chars.length]; } document.getElementById('password').textContent = password; updateStrength(password); } function updateStrength(password) { let score = 0; if (password.length >= 8) score++; if (password.length >= 12) score++; if (/[A-Z]/.test(password) && /[a-z]/.test(password)) score++; if (/\d/.test(password)) score++; if (/[^A-Za-z0-9]/.test(password)) score++; const bar = document.getElementById('strengthBar'); bar.className = 'strength-bar'; if (score <= 2) bar.classList.add('strength-weak'); else if (score <= 3) bar.classList.add('strength-medium'); else if (score <= 4) bar.classList.add('strength-strong'); else bar.classList.add('strength-very-strong'); } function copyPassword() { const password = document.getElementById('password').textContent; if (password && password !== '点击生成按钮') { navigator.clipboard.writeText(password).then(() => { alert('密码已复制到剪贴板！'); }).catch(() => { alert('复制失败，请手动复制'); }); } } // 页面加载时生成一个密�? generatePassword(); </script> </body> </html>