Fingerprintjs-fingerprint recognition on the browser side

Fingerprintjs is a fast browser fingerprint library, pure JavaScript implementation, no dependencies. By default, a 32-bit integer is returned using the Murmur Hash algorithm. The Hash function can be easily replaced.

Official website Download Now

What is fingerprint recognition?

Fingerprint, which is what we often call fingerprint recognition, uses the texture of the fingers and the front of the thumb to identify the identity by pressing the print. Fingerprints are a reliable way of identifying identities because each person's fingers are arranged in different textures and are not altered by development or age.

What is a browser fingerprint?

In fact, this is Electronic Frontier Foundation Research technology, can anonymously identify the Web Browser, accurate rate of up to 94%. By querying the browser's proxy string, screen color depth, language, plug-in installation with supported MIME types, time zone offsets and other features, such as local storage and session storage, and so on, these values are passed through the hash function to generate fingerprints, which do not require Cookie storage to identify the browser.

The recognition of IE browser

By detecting browser-installed plug-ins to identify important features of the browser fingerprint, and then in IE, it is not possible to only detect the browser list and their MIME type, so you need to set the ie_activex:true option so that Fingerprintjs The plugin will be detected:

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

Installing and using Bower

Npm

NPM Install Fingerprintjs

Ruby-on-rails

If it is a Rails project, add the following code to Gemfile:

Gem ' Fingerprintjs-rails '

Then run:

Bundle Install

You can add the file to the sprockets:

= Require fingerprint

Manual Installation

Copy the Fingerprint.js file to the project.

Calling methods

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

If you want to use Canvas fingerprinting, call the following:

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

If you want to use the screen resolution to calculate the fingerprint, you need to call the following:

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

Use a custom hash function

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

or the direct delivery method:

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

Related articles that may be of interest to you

• The JQuery effect "attached source" is very useful in website development
• Share 35 amazing CSS3 animation effects Demo
• Stunning 8 x HTML5 & JavaScript Effects
• Web development in a very practical 10 effects "source Download"
• 12 Classic white-rich jQuery images Carousel Plugin

This article link: Fingerprintjs-browser-side implementation of fingerprint recognition JS Library

Compilation Source: Dream Sky focus on front-end development technology sharing web design resources

This article comes from "Dream Sky (http://www.cnblogs.com/lhb25/)"

Fingerprintjs-fingerprint recognition on the browser side