浏览器指纹Fingerprint2的实现教程

最新推荐文章于 2026-07-01 07:10:04 发布

原创最新推荐文章于 2026-07-01 07:10:04 发布 · 9.6k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

笔记

当前文章被收录于：

笔记

36 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文详细介绍如何使用Fingerprint2库在JavaScript中实现浏览器指纹的获取。通过下载依赖包并编写JS代码，可在项目启动时自动执行指纹识别，适用于Vue及原生项目。文章提供具体代码示例，帮助开发者轻松集成。

废话不多说！！！直接就是开怼。。。。。。。。。。

第一步：下载Fingerprint2依赖包

npm install -S Fingerprint2
或者
cnpm install -S Fingerprint2

第二步：写js代码

在这里就是把下面的代码添加到项目启动就会直接执行就是文件里

如果你是使用的vue项目，那么你就可以像我这样直接放在main.js里面

要是用的原生的话，那就更简单了，直接用自执行的方式写在就是文件里引入即可

var reslt
if (window.requestIdleCallback) {
   requestIdleCallback(function () {
    reslt= Fingerprint2.get(function (components) {
        // console.log(components) // an array of components: {key: ..., value: ...}
        var values = components.map(function (component) { return component.value })
        var murmur = Fingerprint2.x64hash128(values.join(''), 31)
        console.log(murmur);//在这里就是打印的浏览器指纹
      })
  })
} else {
  setTimeout(function () {
   Fingerprint2.get(function (components) {
        // console.log(components) // an array of components: {key: ..., value: ...}
        var values = components.map(function (component) { return component.value })
        var murmur = Fingerprint2.x64hash128(values.join(''), 31)
        console.log(murmur);//在这里就是打印的浏览器指纹
        
      })  
  }, 500)
}