FingerprintJS 一个开源的客户端浏览器指纹库

xuanxiao · 发表于 2026-3-31 10:35:49

FingerprintJS 是一个用于浏览器指纹识别的 JavaScript 库。它通过收集浏览器和设备的各种特征来生成一个唯一的标识符，即“指纹”。这个指纹可以用于识别和跟踪用户，即使他们清除了 cookies 或使用隐私模式浏览。

功能特性
跨浏览器兼容性：支持主流浏览器，包括 Chrome、Firefox、Safari、Edge 等。
高准确性：通过收集多种设备和浏览器特征，生成高度唯一的指纹。
轻量级：库体积小，加载速度快，不影响页面性能。
隐私友好：不依赖于 cookies、localStorage 或其他持久性存储，减少隐私风险。
易于集成：提供简单的 API，易于在现有项目中集成。
跨浏览器兼容性：支持所有主流浏览器，包括 Chrome、Firefox、Safari、Edge 等。
安全：生成的指纹通常是加密的，以减少数据泄露的风险。
自定义：开发者可以根据自己的需求选择性地启用或禁用某些数据收集功能，以符合特定的隐私政策或法律要求。

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>FingerprintJS 示例</title>
</head>
<body>
<h1>您的浏览器指纹是:</h1>
<p id="fingerprint"></p>
<script>
// Initialize the agent at application startup.
// If you're using an ad blocker or Brave/Firefox, this import will not work.
// Please use the NPM package instead: https://t.ly/ORyXk
const fpPromise = import('https://openfpcdn.io/fingerprintjs/v5')
.then(FingerprintJS => FingerprintJS.load())
// Get the visitor identifier when you need it.
fpPromise
.then(fp => fp.get())
.then(result => {
// This is the visitor identifier:
const visitorId = result.visitorId
console.log(visitorId)
// 显示指纹
document.getElementById('fingerprint').textContent = result.visitorId;
})
</script>
</body>
</html>

复制代码

xuanxiao · 发表于 2026-3-31 10:45:41

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FingerprintJS Demo</title>
<script>
      // 使用CDN方式引入（国内推荐使用jsDelivr）
      const fpPromise = import('https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@5/dist/fp.esm.min.js')
         .then(FingerprintJS => FingerprintJS.load({
            debug: true  // 开启调试模式
         }))

      // 异步获取访客标识符
      async function getVisitorId() {
         try {
            const fp = await fpPromise
            const result = await fp.get()

            console.log('访客ID:', result.visitorId)
            console.log('置信度:', result.confidence.score)
            console.log('组件详情:', result.components)

            return result
         } catch (error) {
            console.error('指纹识别失败:', error)
         }
      }

      // 页面加载完成后执行
      document.addEventListener('DOMContentLoaded', getVisitorId)
</script>
</head>
<body>
<h1>FingerprintJS演示页面</h1>
<p>查看控制台输出获取访客标识符信息</p>
</body>
</html>

官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)

天天ASP家园网友互动群

[文章教程] FingerprintJS 一个开源的客户端浏览器指纹库

在线客服

官方Q群 天天ASP家园网友互动群 群1: 697497501(新手学习互助群) 群2: 47598123(进阶应用群)

天天ASP家园网友互动群

[文章教程] FingerprintJS 一个开源的客户端浏览器指纹库

在线客服

官方Q群

天天ASP家园网友互动群

群1: 697497501(新手学习互助群)

群2: 47598123(进阶应用群)