H5+ APP扫码测试完整版

最新推荐文章于 2024-08-13 15:21:49 发布

℡梦醒时分

最新推荐文章于 2024-08-13 15:21:49 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/spc007spc/article/details/116082565

版权

本文展示了使用H5+实现的APP扫码功能，包括首页和自定义扫码两个页面。由于资源文件较多，作者提供了完整的测试项目包，通过HBuilder X可以方便地进行模拟器或真机调试。

摘要由CSDN通过智能技术生成

模拟器效果图
在这里插入图片描述
三个页面

首页

<!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">
			var img = null;
			var blist = [];

			function scaned(t, r, f) {
    
				var d = new Date();
				var h = d.getHours(),
					m = d.getMinutes(),
					s = d.getSeconds(),
					ms = d.getMilliseconds();
				if (h < 10) {
    
					h = '0' + h;
				}
				if (m < 10) {
    
					m = '0' + m;
				}
				if (s < 10) {
    
					s = '0' + s;
				}
				if (ms < 10) {
    
					ms = '00' + ms;
				} else if (ms < 100) {
    
					ms = '0' + ms;
				}
				var ts = '[' + h + ':' + m + ':' + s + '.' + ms + ']';
				var li = null,
					hl = document.getElementById('history');
				if (blist.length > 0) {
    
					li = document.createElement('li');
					li.className = 'ditem';
					hl.insertBefore(li, hl.childNodes[0]);
				} else {
    
					li = document.getElementById('nohistory');
				}
				li.id = blist.length;
				var html = '[' + h + ':' + m + ':' + s + '.' + ms + ']' + '　　' + t + '码<div class="hdata">';
				html += r;
				html += '</div>';
				li.innerHTML = html;
				li.setAttribute('onclick', 'selected(id)');
				blist[blist.length] = {
    
					type: t,
					result: r,
					file: f
				};
				update(t, r, f);
			}

			function selected(id) {
    
				var h = blist[id];
				update(h.type, h.result, h.file);
				if (h.result.indexOf('http://') == 0 || h.result.indexOf('https://') == 0) {
    
					plus.nativeUI.confirm(h.result, function(i) {
    
						if (i.index == 0) {
    
							plus.runtime.openURL(h.result);
						}
					}, '', ['打开', '取消']);
				} else {
    
					plus.nativeUI.alert(h.result);
				}
			}

			function update(t, r, f) {
    
				outSet('扫描成功：');
				outLine