应使用crypto.getRandomValues()生成密码学安全随机字节，配合显式定义的字符集（如大小写字母、数字、符号）映射输出；禁用Math.random()，检测浏览器支持性，不降级，并通过autocomplete="new-password"等措施防止自动填充泄露。
怎么用 JavaScript 实现一个真正可控的随机密码生成器
浏览器原生不提供安全的密码生成 API，Math.random() 不能用于密码场景——它可预测、无熵源、不满足密码学安全要求。必须用 crypto.getRandomValues()。
实操建议：
- 用
Uint8Array配合crypto.getRandomValues()获取真随机字节，再映射到字符集 - 避免拼接字符串时用
+=循环，改用数组push()+join()，避免隐式类型转换开销 - 字符集要显式定义，别依赖正则或
toString(36)——它们漏掉大小写/符号，强度不可控 - 示例片段：
const chars = "ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnpqrstuvwxyz23456789!@#$%";<br>const array = new Uint8Array(length);<br>crypto.getRandomValues(array);<br>return Array.from(array, byte => chars[byte % chars.length]).join("");
为什么密码强度检测总不准？关键在熵值计算逻辑
很多“强度条”只数大小写字母、数字、符号个数，完全忽略长度和字符集覆盖范围。真实强度看的是信息熵（单位：bit），公式是 log2(len(charset)^length)。
常见错误现象：
立即学习“前端免费学习笔记（深入）”；
- 输入
"aaaaaa"被判“中等”——其实熵只有log2(26^6) ≈ 28.2 bit，远低于推荐的 60+ bit - 用正则匹配“是否含数字”就打勾，但没验证该数字是否真实参与组合（比如只在末尾固定加
"1"） - 没排除常见弱模式：重复字符（
/(.)\1{2,}/）、键盘序列（"qwerty"）、年份（/20\d{2}/）
建议直接计算有效字符集基数：扫描密码每个字符，统计其所属最小字符子集（如小写字母共 26 个），再取所有字符对应子集大小的几何平均，最后套熵公式。
HTML 表单里怎么防止密码被自动填充或泄露
现代浏览器的自动填充（Autofill）会绕过 JS 生成逻辑，直接塞进 <input type="password">，导致生成器失效甚至暴露密码。
必须做三件事：
- 给密码
<input>加autocomplete="new-password"，不是"off"（后者已被多数浏览器忽略） - 禁用右键菜单和粘贴：
oncontextmenu="return false;" onpaste="return false;" - 生成后立即聚焦并选中内容（
input.select()），方便用户Ctrl+C复制，避免手动拖选触发输入法或记录 - 别用
value属性初始赋值，用 JS 动态设input.value = pwd，否则可能被 DevTools 快照捕获
移动端 Safari 和旧版 Android WebView 的兼容性坑
crypto.getRandomValues() 在 iOS 11+ 和 Android 4.4+ 均支持，但 Safari 旧版本（≤10）会抛 "TypeError: crypto.getRandomValues is not a function"。
不能 fallback 到 Math.random()，而应：
- 先检测支持性：
if (window.crypto && crypto.getRandomValues) - 不支持时显示明确提示：“当前浏览器不支持安全密码生成，请升级或换用 Chrome / Firefox”
- 绝对不要静默降级——那等于告诉用户“这个密码可以被轻易破解”
- Android 4.4–4.4.4 的 WebView 有
getRandomValues但存在缓冲区越界 bug，需限制最大生成长度 ≤ 65536 字节
字符集若含 emoji 或 Unicode 扩展字符（如 ??），在部分 Android 系统上会渲染异常或截断，生产环境建议严格限定在 ASCII-Printable 范围内。
