h5调用指纹识别_基于HTML Canvas实现“指纹识别”技术，canvas指纹

基于HTML Canvas实现“指纹识别”技术，canvas指纹

作者：zhanhailiang 日期：2015-01-31

说明

所谓指纹识别是指为每个设备标识唯一标识符(以下简称UUID)。诸如移动原生的APP都可以通过调用相关设备API来获取相应的UUID。但是浏览器内WebAPP受限于运行环境无法直接防部设备API，此时需要通过其它方法来设置UUID。

基于持久化Cookie生成UUID

原理

当用户访问一个网站时，网站可以在用户当前的浏览器Cookie中种入含有UUID的Cookie，并通过这个信息将用户所有行为(浏览了哪些页面？搜索了哪些关键字？对什么感兴趣？点了哪些按钮？用了哪些功能？看了哪些商品？把哪些放入了购物车等等)关联起来。

实现

function rand(len) {

var hex = "0123456789abcdef",

str ,

index = 0;

for (len = len || 32; len > index; index++) {

str .random()) % hex.length);

}

return str;

}

_" + rand();

// 写持久化cookie，两年后过期

// setcookie('uuid', uuid, 732 * 24 * 60 * 60);

弊端

之后就可以使用UUID来实现用户追踪技术，方便后续的数据分析工作。

但是随着互联网对个人隐私的重视，Cookie越来越不受待见。不少安全工具甚至是浏览器都开始允许或引导用户关闭Cookie功能，比如很多主流浏览器都有一个“隐私模式”功能。这样，网站就很难通过Cookie追踪用户行为。但仍然有一些方法可以让网站去追踪每一个访问者的行为，比如通过flash cookie的方式也可以