js获取手机唯一

在JavaScript中，获取手机的唯一标识符（Unique Identifier）是一个常见的需求，但也是一个复杂且敏感的问题。由于隐私和安全的原因，浏览器对于直接访问设备的硬件标识符（如IMEI、MAC地址等）有着严格的限制。以下是一些常见的方法和它们的特点：

1. 使用`localStorage`或`cookies`

可以通过在用户首次访问时生成一个唯一的标识符，并将其存储在localStorage或cookies中，以便后续访问时使用。

优点：

简单易实现。
不需要访问设备硬件。

缺点：

用户可以清除localStorage或cookies，导致标识符丢失。
不同浏览器或设备之间不共享。

示例代码：

function getDeviceUUID() {
    let uuid = localStorage.getItem('device_uuid');
    if (!uuid) {
        uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
            var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);
            return v.toString(16);
        });
        localStorage.setItem('device_uuid', uuid);
    }
    return uuid;
}

console.log(getDeviceUUID());

2. 使用`Canvas`指纹识别

通过绘制一个隐藏的Canvas元素并读取其哈希值，可以生成一个相对唯一的标识符。

优点：

不依赖于存储。
难以被用户清除。

缺点：

可能会受到浏览器渲染差异的影响。
隐私问题，可能会被用户阻止。

示例代码：

function getCanvasFingerprint() {
    const canvas = document.createElement('canvas');
    const ctx = canvas.getContext('2d');
    ctx.font = '18pt Arial';
    ctx.fillText('Hello, world!', 2, 15);
    return canvas.toDataURL('image/png');
}

console.log(getCanvasFingerprint());

3. 使用`WebRTC`获取本地IP地址

通过WebRTC技术可以获取用户的本地IP地址，但这并不保证唯一性，且用户可能会拒绝共享。

优点：

可以获取到用户的本地网络信息。

缺点：

用户可能会拒绝共享。
不同设备或网络环境下IP地址会变化。

示例代码：

function getLocalIPs(callback) {
    const RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection;
    const ips = {};

    if (!RTCPeerConnection) {
        callback(ips);
        return;
    }

    const rtc = new RTCPeerConnection({ iceServers: [] });
    rtc.createDataChannel('', { reliable: false });

    rtc.onicecandidate = function (ice) {
        if (ice.candidate) {
            const ipMatch = /([0-9]{1,3}(\.[0-9]{1,3}){3})/.exec(ice.candidate.candidate);
            if (ipMatch) {
                ips[ipMatch[1]] = true;
                callback(ips);
            }
        }
    };

    rtc.createOffer().then(offer => rtc.setLocalDescription(offer));
}

getLocalIPs(function (ips) {
    console.log(ips);
});

4. 使用`FingerprintJS`

FingerprintJS是一个开源库，可以通过多种浏览器特征生成一个相对唯一的标识符。

优点：

综合多种特征，唯一性较高。
易于使用。

缺点：

仍然可能受到用户隐私设置的影响。

示例代码：

<script src="https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@3/dist/fp.min.js"></script>
<script>
  FingerprintJS.load().then(fp => {
    fp.get().then(result => {
      console.log(result.visitorId);
    });
  });
</script>