Chrome APP 操作读卡器串口

本文档详细介绍了如何使用Chrome App操作串口读卡器,通过JavaScript实现串口连接、数据接收和发送,以及解析16进制卡号。提供了HTML页面和相关脚本代码示例。
摘要由CSDN通过智能技术生成

1.本机可以使用 串口虚拟串口程序

test.js
    //遍历获取串口名称
    var added = true;
    var onGetDevices = function(ports) {
        var newArr = [];
        for (var i = 0; i < ports.length; i++) {
            newArr.push(ports[i].path);
            var select = document.getElementById("selectch");
            if (i==0) {
                
            }else{
                select.options.add(new Option(newArr[i],newArr[i]));
            }
            
        }
        var chuankou = document.getElementById("selectch").value
        //chrome.serial.disconnect(connectionId,disConnet);
        chrome.serial.connect(chuankou, {
            bitrate: 9600
        }, onConnect);

    }
    //获取串口设备名,并将串口设备信息当参数传入指定的onGetDevices函数
    chrome.serial.getDevices(onGetDevices);

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
Chrome App是一种基于Chrome浏览器的应用程序,可以在Chrome浏览器中运行,也可以在离线状态下运行。以下是Chrome App开发的基本流程: 1. 创建清单文件manifest.json,其中包含应用程序的名称、版本、描述、图标等信息。 2. 编写HTML、CSS和JavaScript代码,实现应用程序的功能。 3. 在manifest.json文件中声明应用程序需要使用的API权限。 4. 在Chrome浏览器中加载应用程序,可以通过Chrome浏览器的“扩展程序”页面加载应用程序,也可以通过Chrome Web Store发布应用程序。 以下是一个简单的Chrome App示例,用于显示当前时间: 1. 创建manifest.json文件,包含应用程序的基本信息和需要使用的API权限: ```json { "name": "My Clock App", "version": "1.0", "manifest_version": 2, "description": "A simple clock app", "icons": { "128": "icon.png" }, "app": { "background": { "scripts": ["background.js"] } }, "permissions": [ "system.display" ] } ``` 2. 创建HTML和JavaScript文件,实现应用程序的功能: ```html <!DOCTYPE html> <html> <head> <title>My Clock App</title> <style> body { font-size: 48px; text-align: center; margin-top: 100px; } </style> </head> <body> <div id="clock"></div> <script src="clock.js"></script> </body> </html> ``` ```javascript function updateClock() { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds(); var timeString = hours + ':' + minutes + ':' + seconds; document.getElementById('clock').innerHTML = timeString; } setInterval(updateClock, 1000); ``` 3. 创建background.js文件,实现应用程序的后台逻辑: ```javascript chrome.app.runtime.onLaunched.addListener(function() { chrome.app.window.create('index.html', { 'bounds': { 'width': 400, 'height': 200 } }); }); ``` 4. 在Chrome浏览器中加载应用程序: 将manifest.json、index.html、clock.js和background.js文件放在同一个目录下,然后在Chrome浏览器的“扩展程序”页面中加载该目录即可。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值