<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8"/>
|
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
|
<meta name="HandheldFriendly" content="true"/>
|
<meta name="MobileOptimized" content="320"/>
|
<title>Hello H5+</title>
|
<script type="text/javascript" src="../js/common.js"></script>
|
<script type="text/javascript">
|
// H5 plus事件处理
|
function plusReady(){
|
var result = document.getElementById('result');
|
// 检查是否支持指纹识别
|
if(plus.fingerprint) {
|
if(!plus.fingerprint.isSupport()) {
|
result.innerText = '此设备不支持指纹识别';
|
return;
|
}
|
if(!plus.fingerprint.isKeyguardSecure()) {
|
result.innerText = '此设备未设置密码锁屏,无法使用指纹识别';
|
return;
|
}
|
if(!plus.fingerprint.isEnrolledFingerprints()) {
|
result.innerText = '此设备未录入指纹,请到设置中开启';
|
return;
|
}
|
result.innerText = '此设备支持指纹识别';
|
}else {
|
result.innerText = '当前环境不支持指纹识别API,请更新到最新版本';
|
}
|
}
|
document.addEventListener('plusready', plusReady, false);
|
|
// 指纹识别认证
|
function fingerpring() {
|
var waiting = null;
|
plus.fingerprint.authenticate(function(){
|
plus.nativeUI.closeWaiting();//兼容Android平台关闭等待框
|
plus.nativeUI.alert('指纹识别成功');
|
}, function(e){
|
plus.nativeUI.closeWaiting();//兼容Android平台关闭等待框
|
switch(e.code) {
|
case e.AUTHENTICATE_MISMATCH:
|
plus.nativeUI.toast('指纹匹配失败,请重新输入');
|
break;
|
case e.AUTHENTICATE_OVERLIMIT:
|
plus.nativeUI.closeWaiting();//兼容Android平台关闭等待框
|
plus.nativeUI.alert('指纹识别失败次数超出限制,请使用其它方式进行认证');
|
break;
|
default:
|
console.log('指纹识别失败: '+JSON.stringify(e));
|
break;
|
}
|
});
|
// Android平台弹出等待提示框
|
if('Android'==plus.os.name) {
|
plus.nativeUI.showWaiting('指纹识别中...').onclose = function(){
|
plus.fingerprint.cancel();
|
}
|
}
|
}
|
// // 关闭窗口
|
// var _back=window.back;
|
// function preateBack(){
|
// plus.fingerprint.cancel();
|
// _back();
|
// }
|
// window.back=preateBack;
|
</script>
|
<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
|
</head>
|
<body >
|
<br/>
|
<h3>指纹识别认证情况</h3>
|
<p><font id="result" color="red">...</font></p>
|
<br/>
|
<div class="button" onclick="fingerpring()">指纹识别</div>
|
</body>
|
</html>
|