- CDN:
//cdn.jsdelivr.net/npm/fingerprintjs2@<VERSION>/dist/fingerprint2.min.jsorhttps://cdnjs.com/libraries/fingerprintjs2 - Bower:
bower install fingerprintjs2 - NPM:
npm install fingerprintjs2 - Yarn:
yarn add fingerprintjs2
if (window.requestIdleCallback) {
requestIdleCallback(function () {
Fingerprint2.get(function (components) {
console.log(components) // an array of components: {key: ..., value: ...}
})
})
} else {
setTimeout(function () {
Fingerprint2.get(function (components) {
console.log(components) // an array of components: {key: ..., value: ...}
})
}, 500)
}Note: You should not run fingerprinting directly on or after page load. Rather, delay it for a few milliseconds with setTimeout or requestIdleCallback to ensure consistent fingerprints. See #307, #254, and others.
On my machine (MBP 2013 Core i5) + Chrome 46 the default FP process takes about 80-100ms. If you use extendedJsFonts option this time will increase up to 2000ms (cold font cache).
To speed up fingerprint computation, you can exclude font detection (~ 40ms), canvas fingerprint (~ 10ms), WebGL fingerprint (~ 35 ms), and Audio fingerprint (~30 ms).
You choose which components to include in the fingerprint, and configure some other stuff. Example:
var options = {fonts: {extendedJsFonts: true}, excludes: {userAgent: true}}For the default options, please see the source code (look for var defaultOptions = {).
By default, JS font detection will only detect up to 65 installed fonts. If you want to improve the font detection, you can pass extendedJsFonts: true option. This will increase the number of detectable fonts to ~500.
Note that this option increases fingerprint duration from about 80-100ms to up to 2000ms (cold font cache). It can incur even more overhead on mobile Firefox browsers, which is much slower in font detection, so use it with caution on mobile devices.
Specifies an array of user-defined fonts to increase font fingerprint entropy even more.
While hundreds of the most popular fonts are included in the extended font list, you may wish to increase the entropy of the font fingerprint by specifying the userDefinedFonts option as an array of font names, but make sure to call the Fingerprint function after the page load, and not before, otherwise font detection might not work properly and in a result returned hash might be different every time you reloaded the page.
Fingerprint2.get({
userDefinedFonts: ["Nimbus Mono", "Junicode", "Presto"]
}, function(components) {
})Specifies the dom element ID to be used for swf embedding (flash fonts)
Specifies the path to the FontList.swf (flash fonts)
Some browsers randomise plugin order. You can give a list of user agent regexes for which plugins should be sorted.
Skip IE plugin enumeration/detection
iOS 11 prevents audio fingerprinting unless started from a user interaction (screen tap), preventing the fingerprinting process from finishing. If you're sure you start fingerprinting from a user interaction event handler, you may enable audio fingerprinting on iOS 11.
maximum time allowed for 'audio' component
To use Flash font enumeration, make sure you have swfobject available. If you don't, the library will skip the Flash part entirely.
Arrays of extra components to include.
var options = {
extraComponents : [
{key: 'customKey', getData: function (done, options) {
done('infos ...')
}
]
}
Function that is called with each component value that may be used to modify component values before computing the fingerprint. For example: strip browser version from user agent.
Fingerprint2.get({
preprocessor: function(key, value) {
if (key == "userAgent") {
var parser = new UAParser(value); // https://github.com/faisalman/ua-parser-js
var userAgentMinusVersion = parser.getOS().name + ' ' + parser.getBrowser().name
return userAgentMinusVersion
}
return value
}
},function(components) {
// userAgent component will contain string processed with our function. For example: Windows Chrome
});An object of with components keys to exclude. Empty object to include everything. By default most of the components are included (please see the source code for details).
var options = {
excludes: {userAgent: true, language: true}
}
To see a list of possible excludes, please see the source code (look for var components = [).
The constants used for unavailable, error'd, or excluded components' values.
var options = {
NOT_AVAILABLE: 'not available',
ERROR: 'error',
EXCLUDED: 'excluded',
}NOT_AVAILABLE: Component value if the browser doesn't support the API the component uses (e.g.enumerateDevices) or the browser doesn't provide a useful value (e.g.deviceMemory).ERROR: The component function threw an error.EXCLUDED: The component was excluded.
Fingerprintjs2 v2.0 provides a v1.8 compatibility wrapper that keeps user's fingerprints identical to the ones generated with v1.8. Note that we will drop this wrapper at some point.
Note that the options parameter must be provided in v2.0 syntax.
// options must be provided in v2.0 syntax
Fingerprint2.getV18(options, function (result, components) {
// result is murmur hash fingerprint
// components is array of {key: 'foo', value: 'component value'}
})Fingerprint2.get is now a static function. It replaces new Fingerprint2().get. It will not hash the result by default anymore.
var options = {}
Fingerprint2.get(options, function (components) {
// components is array of {key: 'foo', value: 'component value'}
...
})
// or
Fingerprint2.getPromise(options).then(function (components) {
// components is array of {key: 'foo', value: 'component value'}
...
})
Fingerprint2 ships with the murmur hash function that you may use to create a hash fingerprint:
Fingerprint2.get(options, function (components) {
var values = components.map(function (component) { return component.value })
var murmur = Fingerprint2.x64hash128(values.join(''), 31)
})
Before exclusion was done by putting an individual excludes like excludeTouchSupport: true in the options.
To exclude a component now, put its key inside the excludes object in options
var options = {excludes: {touchSupport: true}}
options.customEntropyFunction and customKey have been replaced with a extension friendly, stable alternative. The new contract allows for async sources as well. See below for component definition. options.extraComponents should contain an array with custom components.
var options = {
extraComponents : [
{key: 'customKey', getData: function (done, options) {
done('infos ...')
}
]
}
jsfonts has been renamed into fonts. fontsFlash and fonts are now separate components. fontsFlash is excluded by default.
Components keys are now all camelCase. Example 'userAgent' -> 'userAgent'
Fingerprint2.x64hash128 static function is now exposed
Fingerprint2.NOT_AVAILABLE = 'not available'
Fingerprint2.ERROR = 'error'
Fingerprint2.EXCLUDED = 'excluded'
audioTimeout is an option, default 1000ms
A components is an object with at least key and getData keys, example:
{key: 'userAgent', getData: UserAgent, pauseBefore: false}
getData value is the components function.
A components function takes done as first argument, and options as an optional second argument.
It must call done exactly once with a value that can be cast to a String.
It must wrap all unreachable code (setTimeout, requestAnimationFrame, etc) in its own try catch,
it should use catch as an opportunity to give a unique value to done
function (done, options) {
done(navigator.userAgent)
}
Unit tests are in specs/specs.js
npm test to launch the tests, it requires phanomjs install
To run the tests in the browser, launch spec_runner.html
Many more fingerprinting sources will be implemented, such as (in no particular order)
- Multi-monitor detection,
- Internal HashTable implementation detection
- WebRTC fingerprinting
- Math constants
- Accessibility fingerprinting
- Camera information
- DRM support
- Accelerometer support
- Virtual keyboards
- List of supported gestures (for touch-enabled devices)
- Pixel density
- Video and audio codecs availability
- Download Adobe Flex SDK
- Unzip it, add the
bin/directory to your$PATH(mxmlc binary should be in path) - Run
make
https://player.vimeo.com/video/151208427
