FingerprintJS - 在浏览器端实现指纹识别

2023-05-12,,

  FingerprintJS 是一个快速的浏览器指纹库,纯 JavaScript 实现,没有依赖关系。默认情况下,使用 Murmur Hash 算法返回一个32位整数。Hash 函数可以很容易地更换。

官方网站      立即下载

什么是指纹识别

  FingerPrint 即我们常说的指纹识别,使用手指和拇指前端的纹理按下的纹印来鉴定身份。指纹是鉴别身份的一种可靠的方法,因为每个人的每个指头上的纹理排列各不相同而且不因发育或年龄而改变。

  什么是浏览器指纹?

  其实这是 Electronic Frontier Foundation 研究出来的技术,可以匿名识别 Web 浏览器,准确率高达94%。通过查询浏览器的代理字符串,屏幕色深,语言,插件安装与支持的 MIME 类型,时区偏移量和其他功能,如本地存储和会话存储等等,然后这些值通过散列函数传递产生指纹,不需要通过 Cookie 存储就可以识别浏览器。

IE浏览器的识别

  通过检测浏览器安装的插件来识别是浏览器指纹重要的特征,然后在 IE 浏览器中,不可能只去检测浏览器列表和它们的 MIME 类型,因此需要设置 ie_activex: true 选项,这样 FingerprintJS 将会检测一下插件:

Adobe Reader
Adobe Flash Player
Apple QuickTime
Real player (all versions)
Shockwave player
Windows Media Player
Microsoft Silverlight
Skype ClickToCall

安装和使用

Bower

bower install fingerprint

NPM

npm install fingerprintjs

Ruby-on-Rails

如果是 Rails 项目,添加下面代码到 Gemfile 中:

gem 'fingerprintjs-rails'

然后运行:

bundle install

就可以把文件添加到 sprockets 了:

//= require fingerprint

手动安装

把 fingerprint.js 文件拷贝到项目中。

调用方法

var fingerprint = new Fingerprint().get();

如果你想使用 Canvas FingerPrinting,则如下调用:

var fingerprint = new Fingerprint({canvas: true}).get();

如果你想使用屏幕分辨率计算指纹,则需如下调用:

var fingerprint = new Fingerprint({screen_resolution: true}).get();

使用自定义的哈希函数

var my_hasher = new function(value, seed){ return value.length % seed; };
var fingerprint = new Fingerprint({hasher: my_hasher}).get();

或者直接传递方法:

var my_hasher = new function(value, seed){ return value.length % seed; };
var fingerprint = new Fingerprint(my_hasher).get();

您可能感兴趣的相关文章

网站开发中很有用的 jQuery 效果【附源码】
分享35个让人惊讶的 CSS3 动画效果演示
十分惊艳的8个 HTML5 & JavaScript 特效
Web 开发中很实用的10个效果【源码下载】
12款经典的白富美型 jQuery 图片轮播插件

本文链接:FingerprintJS - 浏览器端实现指纹识别的 JS 库

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

FingerprintJS - 在浏览器端实现指纹识别的相关教程结束。

《FingerprintJS - 在浏览器端实现指纹识别.doc》

下载本文的Word格式文档,以方便收藏与打印。