当前位置：首页 > JavaScript

js可以实现一机一码

2026-01-31 11:22:41JavaScript

实现一机一码的方案

在JavaScript中实现“一机一码”（即每台设备生成唯一标识）通常需要结合设备硬件或浏览器环境的唯一信息。以下是几种常见方法：

基于浏览器指纹生成

通过收集浏览器和设备的多种信息（如用户代理、屏幕分辨率、插件列表等）生成唯一指纹：

function generateFingerprint() {
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');
  ctx.textBaseline = 'top';
  ctx.font = '14px Arial';
  ctx.fillStyle = '#f60';
  ctx.fillRect(125, 1, 62, 20);
  ctx.fillStyle = '#069';
  ctx.fillText('fingerprint', 2, 15);
  ctx.fillStyle = 'rgba(102, 204, 0, 0.7)';
  ctx.fillText('fingerprint', 4, 17);

  const fingerprint = canvas.toDataURL();
  return hashString(fingerprint);
}

function hashString(str) {
  let hash = 0;
  for (let i = 0; i < str.length; i++) {
    hash = ((hash << 5) - hash) + str.charCodeAt(i);
    hash |= 0;
  }
  return hash.toString(36);
}

使用Web Storage持久化存储

将生成的标识存储在localStorage中，确保浏览器关闭后仍能保持：

function getDeviceId() {
  let deviceId = localStorage.getItem('deviceId');
  if (!deviceId) {
    deviceId = generateFingerprint();
    localStorage.setItem('deviceId', deviceId);
  }
  return deviceId;
}

结合硬件信息（需要用户授权）

通过Web API获取更多硬件信息增强唯一性：

async function getEnhancedDeviceId() {
  const hardwareConcurrency = navigator.hardwareConcurrency || '';
  const deviceMemory = navigator.deviceMemory || '';
  const platform = navigator.platform || '';

  const mediaDevices = await navigator.mediaDevices.enumerateDevices();
  const audioDevices = mediaDevices.filter(d => d.kind === 'audioinput');

  const baseString = `${hardwareConcurrency}-${deviceMemory}-${platform}-${audioDevices.length}`;
  return hashString(baseString);
}