天天看点

vue获取浏览器的指纹码

前言:

      获取浏览器的指纹码

操作步骤:

1.vue安装插件

(1)使用CDN在线获取:https://cdnjs.com/libraries/fingerprintjs2

(2)使用bowerinstall命令进行安装:

bowerinstall fingerprintjs2
           

(3)npm 下载:

cnpm install --save fingerprintjs2
           

2.vue需要用到的地方引入

import Fingerprint2 from 'fingerprintjs2'
           

3.调用

Fingerprint2.get(function(components) {
  const values = components.map(function(component,index) {
    if (index === 0) { //把微信浏览器里UA的wifi或4G等网络替换成空,不然切换网络会ID不一样
      return component.value.replace(/\bNetType\/\w+\b/, '')
    }
    return component.value
  })
  // 生成最终id murmur   
  const murmur = Fingerprint2.x64hash128(values.join(''), 31);
  console.log('浏览器指纹码:'+murmur )
})
           

更多参考:

https://www.xiedandan.com/post-11.html