FingerprintJS Vue Demo

🧪 iFrame 隔离测试

测试 FingerprintJS 在不同 iframe 环境下的指纹一致性，包括标准模式、增强模式和完整模式。

设备指纹识别 {{ fpStatus === 'loading' ? '加载中...' : fpStatus === 'success' ? '已识别' : '识别失败' }}

设备指纹 ID {{ fingerprintData.visitorId }}

请求 ID {{ fingerprintData.requestId }}

置信度 {{ (fingerprintData.confidence.score * 100).toFixed(1) }}%

识别时间 {{ fingerprintData.timestamp }}

{{ JSON.stringify(fingerprintData, null, 2) }}

浏览器信息

浏览器名称 {{ browserInfo.name }}

浏览器版本 {{ browserInfo.version }}

操作系统 {{ browserInfo.os }}

设备类型 {{ browserInfo.deviceType }}

详细分析数据

{{ JSON.stringify(detailedData, null, 2) }}

功能特性

增强指纹采集推荐

微信浏览器等 WebView 环境会限制标准指纹采集，通过补充 Canvas、WebGL、Audio、字体等信号可提升识别准确度。

增强指纹 ID {{ enhancedData.visitorId }}

信号来源数 {{ enhancedData.signalCount }} 个维度

Canvas 指纹 {{ enhancedData.canvasHash?.slice(0, 16) }}...

WebGL 指纹 {{ enhancedData.webglHash?.slice(0, 16) }}...

{{ JSON.stringify(enhancedData, null, 2) }}

指纹对比分析

标准版 FingerprintJS score: {{ (compareData.standard.score * 100).toFixed(1) }}% {{ compareData.standard.visitorId }}

增强版（多信号融合）熵值: {{ compareData.enhanced.entropy?.toFixed(2) }} bits {{ compareData.enhanced.visitorId }}

两个版本指纹一致，说明环境特征稳定。

两个版本指纹不同，增强版包含更多环境信号，唯一性更高。

指纹稳定性测试

稳定性: {{ stabilityPercent }}% ({{ matchingCount }}/{{ stabilityResults.length }} 次匹配)

{{ JSON.stringify(stabilityResults, null, 2) }}