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

  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

1
bower install fingerprint

NPM

1
npm install fingerprintjs

Ruby-on-Rails

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

1
gem 'fingerprintjs-rails'

然后运行:

1
bundle install

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

1
//= require fingerprint

手动安装

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

调用方法

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

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

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

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

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

使用自定义的哈希函数

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

或者直接传递方法:

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

 

您可能感兴趣的相关文章

 

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

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

posted @   梦想天空(山边小溪)  阅读(76026)  评论(9编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
历史上的今天:
2013-09-16 经典网页设计:30个新鲜出炉的扁平化网站设计《下篇》
2011-09-16 75佳漂亮的 CSS 网站设计作品欣赏(系列二)
2011-09-16 33个非常有创意的404错误页面设计
点击右上角即可分享
微信分享提示