laoyang
6b4ee89d19
三处按需求调整： 1. 设置区移到左边 左 = 设置，右 = 输出。不调设置的人视线直接落到右侧密码与「复制密码」。 DOM 顺序也改成设置在前，窄屏单列时天然是设置在上、输出在下。 栅格比例同步反过来（设置 .92fr / 输出 1.08fr）。 2. 「复制密码」与「换一个」等大、不同色 .out-actions 从 flex 改成 grid repeat(2, 1fr)，两个按钮严格等宽； 主按钮保留渐变，次按钮改为实心填充（新增 --surface-3，比 --surface-2 更实， 避免深色下与卡片同色而看着像没填充）。 3. 移除「最近生成」模块 删面板、清空按钮，以及 readHistory / pushHistory / renderHistory / ago 与 sp.history.v1 的全部读写。候选面板改为整宽单栏。 顺带清掉了共用工具 listItem 上的历史调用点。 验证（六套，全绿）： 功能 jsdom 78 / 0 视觉几何对比度 114 / 0 真实剪贴板端到端 19 / 0 file:// 直开 15 / 0 功能反向注入 22 / 22 命中 视觉反向注入 6 / 6 命中 反向注入拆成两套：_sp_falsify.js 只喂 jsdom（不做布局）， 把「按钮等大」「两栏左右」这类几何 bug 注进去影响不到被测判据， 会表现成"注入后仍全绿"、被误判成判据没牙齿（靶子选错）。 几何/视觉类归 _sp_visual_falsify.js。 删历史后专补两条"确实没了"的判据：DOM 节点不存在 + localStorage 不再写入 sp.history.v1 —— 后者能抓到"面板删了但 JS 还在偷写"。
Simple Password
一个干净、纯本地的密码生成器。单文件 index.html，双击即用，也可丢到任意静态托管上。
特点
- 纯前端，零依赖 — 一个
index.html，没有构建步骤、没有 CDN、没有任何外部请求。断网可用。 - 左设置、右操作 — 设置栏在左，不调任何设置时视线直接落到右侧的密码与「复制密码」。窄屏自动变上下排列，设置在上。
- 密码学安全随机 — 走
crypto.getRandomValues+ 拒绝采样消除取模偏差，不用Math.random()。 - 生成即复制 — 默认开启自动复制；剪贴板 API 不可用（如
file://下的旧浏览器）时自动降级到execCommand。 - 深浅色 — 跟随系统偏好，可手动切换并记住选择。首帧前定主题，不会白屏闪一下。
- 可调长度 — 4~64 位。选了「每类至少一位」时，下限自动收紧到所选类型数。
- 四类字符可选 — 小写 / 大写 / 数字 / 符号，四类全不选会被兜回小写，不会生成空密码。
- 排除易混淆字符 — 一键去掉
0 O o 1 l I，抄写不出错。 - 自定义排除 — 想避开
@、空格或某个符号，直接填进去。 - 强度与熵 — 按
长度 × log₂(字符池)算真实熵，分五档给出评价，同时显示字符池规模。 - 批量候选 — 一次出 5 个，点任意一条即复制。
使用
直接打开 index.html 即可。
想用 http 协议（例如需要真实剪贴板权限时）：
python -m http.server 8000
# 然后访问 http://127.0.0.1:8000/
快捷键
| 键 | 作用 |
|---|---|
空格 |
换一个密码 |
C |
复制当前密码 |
点击密码 |
也可以复制 |
在输入框里打字时不会误触发。
关于安全
- 所有运算在浏览器里完成，不联网、不上传、不写日志。
- 用
crypto.getRandomValues取随机数，并按「拒绝采样」丢弃落在偏置区间的值，避免取模带来的分布倾斜。 - 勾「每类至少一位」时，先从每类各取一位，剩余位从全池随机，最后整体洗牌 —— 保证覆盖的同时不引入位置可预测性。
- 不保留任何生成记录。密码只存在于剪贴板与页面显示，刷新即失去痕迹；
localStorage里只存偏好设置与主题，不存密码。
浏览器支持
Chrome / Edge / Firefox / Safari 的近两年版本，以及移动端浏览器。
用到 backdrop-filter（毛玻璃）和 crypto.getRandomValues，老浏览器上会自动降级为不透明背景，功能不受影响。
目录
index.html 全部内容：结构、样式、脚本
开发校验
改完 index.html 后建议跑一遍（脚本在仓库外的 _tooling/，配合 jsdom 与 playwright）：
node _sp_test.js # 功能判据（jsdom，78 条）
node _sp_visual.js # 真实浏览器几何 / 对比度 / 多视口（114 条）
node _sp_clip.js # 真实剪贴板端到端（19 条）
node _sp_file_check.js # file:// 双击直开（15 条）
node _sp_falsify.js # 反向注入，证明功能判据有牙齿（22 条）
node _sp_visual_falsify.js # 反向注入，证明几何判据有牙齿（6 条）
反向注入必须单独跑视觉那套：_sp_falsify.js 只喂 _sp_test.js（jsdom 不做布局），
把「按钮等大」「两栏左右」这类几何 bug 注进去根本影响不到被测判据，
会表现成"注入后仍全绿"，看着像判据没牙齿，其实是靶子选错。
License
MIT