1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <!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>
|