评论个人信息表单自动化填充与匿名评论功能实现

const DEFAULT_CONFIG = {
  storageKey: 'autoIdentity',           # 存在 localStorage 里的键名
  stableSalt: 'offline-stable-v1',      # 加在指纹里的“盐”，增加唯一性
  # 理论上来说autoApplyOnLoad和autoInjectAnonymous是二选一的
  autoApplyOnLoad: false,               # 页面加载后是否自动填充
  autoInjectAnonymous: true,            # 是否自动插入“匿名评论”按钮
  selectors: {                          # 昵称和邮箱输入框的CSS选择器,你可以将其改为类选择器或者是id选择器
    name: 'input[name="nick"]',
    email: 'input[name="mail"]',
  },
  identityMode: 'fingerprint',          # 身份模式 fingerprint或random
  domainOverride: null,                 # 强制使用的邮箱域名，null则自动获取
  anonymousParentSelector: 'div.tk-row.actions',  # 按钮要插入到哪个父容器里
  anonymousLabelText: '匿名评论',        # 按钮上显示的文字
  anonymousInsert: {                    # 按钮插入的位置
    anchorSelector: 'div.tk-row.actions > .el-button:nth-of-type(1)', # 锚点元素
    position: 'before',                 # 插入在锚点的 'before' 或 'after'
  },
};

# 默认指纹模式
const DEFAULT_CONFIG = {
  # ...其他配置
  identityMode: 'fingerprint',  # ← 指纹模式为默认设置
  # ...
};

function normalizeIdentityMode(mode) {
  return mode === 'random' ? 'random' : 'fingerprint';  # ← 标准化函数，默认返回fingerprint
}
# ...
# collectFingerprint收集浏览器特征
function collectFingerprint() {
  if (fingerprintCache) return fingerprintCache;
  const nav = window.navigator || {};
  const scr = window.screen || {};
  const intl = Intl.DateTimeFormat().resolvedOptions?.() || {};
  const uaData = nav.userAgentData;

  # 收集userAgent
  const ua = uaData?.brands
    ? uaData.brands.map(({ brand, version }) => `${brand}:${version}`).join(',')
    : nav.userAgent;
  const platform = uaData?.platform || nav.platform;

  # 拼接各种特征
  const parts = [
    ['ua', ua],
    ['lang', nav.language],
    ['platform', platform],
    ['screen', `${scr.width}x${scr.height}`],
    ['tz', new Date().getTimezoneOffset()],
    ['tzname', intl.timeZone],
    ['domain', window.location.hostname || 'offline'],
    ['salt', CONFIG.stableSalt],  # ← 添加stableSalt
  ];

  # 添加Canvas指纹
  const canvasHash = canvasFingerprint();
  if (canvasHash) parts.push(['canvas', canvasHash]);

  fingerprintCache = parts.map(([k, v]) => `${k}:${v ?? ''}`).join('|');
  return fingerprintCache;
}

#  随机种子生成
function makeRandomSeed() {
  try {
    const arr = new Uint32Array(1);
    window.crypto.getRandomValues(arr);  # ← 使用加密安全的随机数
    return arr[0];
  } catch (err) {
    # 如果crypto API不可用，回退到Math.random()
  }
  return Math.floor(Math.random() * 0xffffffff);  # ← 回退方案
}
# 随机模式的身份生成逻辑
function makeIdentity() {
  # ...其他代码
  
  const hashSource = CONFIG.identityMode === 'random'
    ? `${makeRandomSeed()}|${Date.now()}|${CONFIG.stableSalt}`  # ← 随机模式
    : `${collectFingerprint()}|${window.location.hostname}`;
  
  const hash = fnv1a(hashSource);  # ← 生成哈希数字
  # ...
}

function canvasFingerprint() {
  # 创建一个离屏 Canvas
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  
  # 画一些图形和文字
  ctx.fillRect(0, 0, 120, 50);
  ctx.fillText('auto-id', 8, 10);
  # ... 更多绘制操作
  
  # 获取数据并进行哈希
  const dataURL = canvas.toDataURL();
  canvasHashCache = fnv1a(dataURL).toString(36);
  return canvasHashCache;
}

# 获取根域名
function getRootDomain(hostname) {
  if (!hostname) return 'example.com';
  const parts = hostname.split('.').filter(Boolean);
  if (parts.length <= 1) return hostname;
  const tld = parts[parts.length - 1];
  const sld = parts[parts.length - 2];
  const commonSecond = ['co', 'com', 'net', 'org', 'gov', 'edu', 'ac'];

  # 处理像xxx.co.uk这样的二级域名后缀
  if (tld.length === 2 && commonSecond.includes(sld) && parts.length >= 3) {
    return parts.slice(-3).join('.');  # ← 取后三段，如 xxx.co.uk
  }
  return parts.slice(-2).join('.');  # ← 正常取后两段
}
# 清洗昵称
function slugifyName(name) {
  return name
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '.')  # ← 非字母数字替换为点
    .replace(/\.+/g, '.')         # ← 合并多个点
    .replace(/^\.+|\.+$/g, '');   # ← 去掉首尾的点
}
# 邮箱前缀生成
function makeIdentity() {
  # ...之前代码
  
  const hash = fnv1a(hashSource);
  const name = buildName(hash);
  const domain = CONFIG.domainOverride || getRootDomain(window.location.hostname);
  const shortHash = hash.toString(36).slice(-4);  # ← 从哈希中提取短标识
  const emailLocal = `${slugifyName(name)}.${shortHash}`;  # ← 邮箱本地部分包含哈希
  const email = `${emailLocal}@${domain}`;
  
  # ...
}

# 查找父容器和锚点元素
function injectAnonymousEntry(options = {}) {
  const {
    parentSelector = CONFIG.anonymousParentSelector,
    # ...其他选项
    anchorSelector = CONFIG.anonymousInsert.anchorSelector,
    # ...
  } = options;

  # 查找父容器
  const parent = typeof parentSelector === 'string'
    ? document.querySelector(parentSelector)  # ← 通过选择器查找父元素
    : parentSelector;
  if (!parent) return null;

  # 查找锚点元素
  const anchor = resolveAnchorChild(parent, anchorSelector);  # ← 在父容器内查找锚点
  # ...
}
# 解析锚点子元素
function resolveAnchorChild(parent, anchorSelector) {
  if (!parent) return null;
  if (anchorSelector) {
    const el = parent.querySelector(anchorSelector);  # ← 通过选择器查找锚点
    if (el) return el;
  }
  return null;
}

# 选择模板节点
function pickTemplateNode(parent, anchor) {
  # 优先使用锚点元素本身或内部的按钮/链接
  if (anchor) {
    if (anchor.tagName === 'BUTTON' || anchor.tagName === 'A') return anchor;
    const inside = anchor.querySelector('button, a');
    if (inside) return inside;
    if (anchor.firstElementChild) return anchor.firstElementChild;
  }
  
  # 回退方案：在父容器中查找第一个按钮或链接
  const firstButton = parent.querySelector('button, a');
  if (firstButton) return firstButton;
  
  # 最后使用父容器的第一个子元素
  return parent.firstElementChild;
}

# 查找文本叶节点
function findTextLeaf(root) {
  const queue = [root];
  while (queue.length) {
    const el = queue.shift();
    if (!el || el.nodeType !== 1) continue;
    const hasChildren = el.children && el.children.length > 0;
    const text = (el.textContent || '').trim();
    if (text && !hasChildren) return el;  # ← 找到有文本内容且无子元素的叶子节点
    if (hasChildren) queue.push(...el.children);
  }
  return root;
}
const labelEl = findTextLeaf(clone) || clone;
labelEl.textContent = CONFIG.anonymousLabelText;  # 改为“匿名评论”

clone.addEventListener('click', (event) => {
  event.preventDefault();
  const identity = makeIdentity();  # 生成身份
  applyIdentity({ identity });      # 填充表单
});

<script>
window.AUTO_IDENTITY_CONFIG = {
  identityMode: 'random',          # 使用随机模式
  autoApplyOnLoad: true,           # 自动填充（适合纯匿名场景）
  selectors: {
    name: '#comment-author',       # 根据你的页面调整选择器
    email: '#comment-email',
  },
  domainOverride: 'myblog.dev',    # 自定义邮箱域名
  anonymousLabelText: '隐身评论',   # 自定义按钮文字
};
</script>
<script src="./auto-identity.js"></script>