HTML5+下用js获取设备的唯一识别码和本地数据库的操作

发布时间：2018-04-24 12:01,

浏览次数：1111

, 标签：

HTML

js

首先获取设备的唯一标识，由于ios审核的阻挡，我现在只是获取它idfa来作为唯一识别码(这个会被重置，如果idfa不重要的话是可以考虑此方法的)，Android就不用多说了

if(ua.match(/iphone\sOS/i) == "iphone os"){//识别设备ios/android var

ASIdentifierManager = plus.ios.importClass("ASIdentifierManager"); var

sharedManager = ASIdentifierManager.sharedManager();

if(sharedManager.isAdvertisingTrackingEnabled()){ var advertisingIdentifier =

sharedManager.advertisingIdentifier(); var idfa =

plus.ios.invoke(advertisingIdentifier,"UUIDString"); return idfa;//获取并返回idfa }

//return device_id; }else{ var device_id = plus.device.uuid.valueOf(); return

device_id.substring(0,15);//获取andriod的uuid }

下面就用js来操作一下本地数据库

deviceinfo.opendb = function(){//创建数据库 return

openDatabase('TEST','1.0',"evaluateairport",2*1024*1024); }; //操作数据的公共方法

deviceinfo.update = function(db,sql,func,funcerr){ if(db&&sql){

db.transaction(function(context){

context.executeSql(sql,[],function(context,result){ func(result);

},function(context,error){ funcerr(error); }); }); } }; var db =

deviceinfo.opendb();//一定要实例此数据库，可以全局使用

接下来是获取拍照或录像的方法

//获取摄像功能  photo 拍照     video  录像 deviceinfo.cameraOrVideo =

function(actionflag,pathname,funsuc,funerr){ if(actionflag){//识别拍照或者录像 var cmr

= plus.camera.getCamera(); if(actionflag == "photo"){ var res =

cmr.supportedImageResolutions[0]; var fmt = cmr.supportedImageFormats[1];

//0格式png    1格式jpg console.log("Resolution: "+res+", Format: "+fmt);

cmr.captureImage( function(imgpath){ funsuc(imgpath); }, function(imgerr){

funerr(imgerr); },//参数配置 其中pathname是图片的路径和名称

{resolution:res,format:fmt,filename:pathname}); }else if(actionflag == "video"){

var vidres = cmr.supportedVideoResolutions[0]; var vidfmt =

cmr.supportedVideoFormats[0]; console.log("Resolution: "+vidres+", Format:

"+vidfmt); cmr.startVideoCapture( function(vidpath){ funsuc(vidpath); },

function(viderr){ funerr(viderr); },//参数配置 其中 pathname是录像文件保存的位置和录像的名称

{resolution:vidres,format:vidfmt,filename:pathname}); } } }

图片压缩

//压缩图片 deviceinfo.compressIMG = function(imgpath,dectpath,funsuc,funerr){

plus.zip.compressImage( { src:imgpath,//源路径 dst:dectpath,//目标路径 format:

'jpg',//图片格式 quality:20,//质量 越小图片质量越差 overwrite:true//是否覆盖 }, function(suc){

funsuc(suc); }, function(filed){ funerr(filed); }); }

获取设备IP地址

function getIPs(callback) {

var ip_dups = {};

//compatibility for firefox and chrome

var RTCPeerConnection = window.RTCPeerConnection

|| window.mozRTCPeerConnection

|| window.webkitRTCPeerConnection;

//bypass naive webrtc blocking

if (!RTCPeerConnection) {

var iframe = document.createElement("iframe");

//invalidate content script

iframe.sandbox = "allow-same-origin";

iframe.style.display = "none";

document.body.appendChild(iframe);

var win = iframe.contentWindow;

window.RTCPeerConnection = win.RTCPeerConnection;

window.mozRTCPeerConnection = win.mozRTCPeerConnection;

window.webkitRTCPeerConnection = win.webkitRTCPeerConnection;

RTCPeerConnection = window.RTCPeerConnection

|| window.mozRTCPeerConnection

|| window.webkitRTCPeerConnection;

}

var mediaConstraints = {

optional: [{RtpDataChannels: true}] };

//firefox already has a default stun server in about:config

// media.peerconnection.default_iceservers =

// [{"url": "stun:stun.services.mozilla.com"}] var servers = undefined;

//add same stun server for chrome

if(window.webkitRTCPeerConnection)

var servers = {iceServers: [{urls: "stun:stun.services.mozilla.com"}]};

//construct a new RTCPeerConnection

var pc = new RTCPeerConnection(servers, mediaConstraints);

//listen for candidate events

pc.onicecandidate = function(ice){

//skip non-candidate events

if(ice.candidate){

//match just the IP address

var ip_regex = /([0-9]{1,3}(\.[0-9]{1,3}){3})/

var ip_addr = ip_regex.exec(ice.candidate.candidate)[1];

//remove duplicates

if(ip_dups[ip_addr] === undefined)

callback(ip_addr);

ip_dups[ip_addr] = true;

}

};

//create a bogus data channel

pc.createDataChannel("");

//create an offer sdp

pc.createOffer(function(result){

//trigger the stun server request

pc.setLocalDescription(result, function(){}, function(){});

}, function(){});

},

getIPs(function(ip){

// alert("本机IP地址为:"+ ip);

});

获取设备唯一标识(需要借助hbuilder生成的app壳)

plusReady(){

alert( "uuid: "+plus.device.uuid );

},

if(window.plus){

plusReady();

}else{

document.addEventListener("plusready",plusReady,false);

}

需求

最主要的需求就是判断本次请求的用户到底是新用户还是老用户还是机器人。通过request去分析ip、ua、mac地址都有各种缺点导致不准确。

Fingerprintjs2 是通过纯前端原生js实现的浏览器指纹采集器，通过获取浏览器中所有能获取到的信息(部分通过base64转成String)，最后生成出md5，用于该用户在该设备上的唯一标识码，官方宣称准确度高达99.5%

测试代码

body{

color:#555;

}

#info{

font-size:12px;

}

#control span{

color:#333;

margin-left:10px;

}

functionstart(){

conststart=newDate().getTime();

let view=document.querySelector('#view');

view.innerHTML='';

let excludes={};

if(!document.querySelector('#userAgent').checked){

excludes.userAgent=true;

}

if(!document.querySelector('#audio').checked){

excludes.audio=true;

}

if(!document.querySelector('#enumerateDevices').checked){

excludes.enumerateDevices=true;

}

if(!document.querySelector('#fonts').checked){

excludes.fonts=true;

}

if(!document.querySelector('#fontsFlash').checked){

excludes.fontsFlash=true;

}

if(!document.querySelector('#webgl').checked){

excludes.webgl=true;

}

if(!document.querySelector('#canvas').checked){

excludes.canvas=true;

}

let options={excludes:excludes}

Fingerprint2.get(options,function(components){

// 参数

constvalues=components.map(function(component){

returncomponent.value

});

// 指纹

constmurmur=Fingerprint2.x64hash128(values.join(''),31);

view.innerHTML+='

指纹 : '+murmur+'

view.innerHTML+='

消耗 : '+(newDate().getTime()-start)+' 毫秒

view.innerHTML+='

使用的参数 :

for(constc of components){

view.innerHTML+='

'+c.key+' : '+c.value+'

}

});

}

效果演示指纹 : 959c35da0972771684b62c210fee5438

消耗 : 351 毫秒

使用的参数 :

userAgent : Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36

webdriver : not available

language : zh-CN

colorDepth : 24

deviceMemory : 4

pixelRatio : 1

hardwareConcurrency : 4

screenResolution : 900,1600

availableScreenResolution : 900,1600

timezoneOffset : -480

timezone : Asia/Shanghai

sessionStorage : true

localStorage : true

indexedDb : true

addBehavior : false

openDatabase : true

cpuClass : not available

platform : Linux x86_64

doNotTrack : 1

plugins : Chrome PDF Plugin,Portable Document Format,application/x-google-chrome-pdf,pdf,Chrome PDF Viewer,,application/pdf,pdf,Native Client,,application/x-nacl,,application/x-pnacl

(后面太长省略)…

END