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(); |
作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 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错误页面设计