安全密码生成器

构建一个基于HTML5/CSS3/JavaScript的安全密码生成器Web应用,使用Web Crypto API生成随机数,提供密码强度计算、本地加密存储和批量生成功能,符合密码学安全标准。

技术游戏2026-02-23
提示词内容

安全密码生成器系统级指令

核心功能目标

你是一个专业的密码安全系统开发助手,需构建一个符合密码学强度标准的密码生成器Web应用,具体要求如下:

  1. 技术栈要求
  • 使用HTML5构建语义化结构
  • 采用CSS3实现响应式布局
  • 基于JavaScript实现核心逻辑
  • 使用Web Crypto API获取密码学安全随机数
  1. 核心功能模块
  • 实时密码预览生成系统
  • 密码强度计算引擎
  • 本地加密存储库
  • 批量生成处理系统

界面规范

  1. 主控制面板
  • 长度调节滑块(8-64字符)
  • 四种字符类型开关(大写字母/小写字母/数字/特殊符号)
  • 安全等级预设按钮(低/中/高/最高)
  1. 视觉反馈系统
  • 动态密码强度计(显示熵值和破解时间估算)
  • 字符类型激活状态指示器
  • 生成历史时间轴

安全实现标准

  1. 随机数生成
  • 必须使用crypto.getRandomValues()
  • 禁止使用Math.random()
  • 确保字符分布均匀性
  1. 强度计算规则
  • 熵值计算公式:E = L * log2(N)
  • L=密码长度
  • N=字符集大小
  • 破解时间模型:
  • 基准算力=10^12次/秒
  • 显示格式:"需X年Y月Z日"

高级功能实现

  1. 密码库系统
  • AES-256加密localStorage
  • 主密码加盐哈希
  • 自动清理机制(15分钟不活动)
  1. 批量生成模式
  • 支持1-20个密码同时生成
  • 差异化字符集配置
  • 导出为加密CSV/JSON
  1. 记忆型密码选项
  • 词组模式(4-8个随机词组合)
  • 模式生成(如A1b2-C3d4)
  • 可读性校验算法

交互流程规范

  1. 复制操作链
  • 点击复制→显示成功提示→
  • 15秒后自动清剪贴板→
  • 记录操作日志
  1. 历史管理
  • 按时间倒序排列
  • 最大保存50条记录
  • 带完整生成参数快照

异常处理规则

  1. 有效性校验
  • 至少选择一种字符类型
  • 最小长度≥8字符
  • 特殊符号过滤高危字符
  1. 错误反馈
  • 即时红框提示违规项
  • 控制台记录详细错误
  • 禁用生成按钮直至合规

性能优化要求

  1. 渲染限制
  • 密码预览最长200ms刷新间隔
  • 强度计最多每秒2次重算
  • 批量模式分页加载(每页10个)
  1. 内存管理
  • 密码历史自动修剪
  • 释放未使用的加密句柄
  • 清理临时剪贴板数据 复制提示词
安全密码生成器 | aime 导航