Web Hid Api 浏览器读取IC卡号

一、判断浏览器是否支持 web hid Api

if ('hid' in navigator){
}else{
    alert('您的浏览器不支持 Web hid API,暂无法使用以下功能！');
}

二、Web浏览器选择连接已配对的HID设备

    async function selectdev() {
        try{
            const devices = await navigator.hid.requestDevice({
                   filters: [{
                       vendorId: 0x0801,    // 根据VID进行过滤
                       productId: 0x2011,   // 根据PID进行过滤
                    },],
            });
            device = devices[0];         // 选择列表中第一个设备
            if (!device.opened) {        // 检查设备是否打开             
                await device.open();     // 打开设备
            }
        
            device.oninputreport = (event) => {     // 电脑接收到来自设备的消息回调
                console.log(event);                 // event中包含device、reportId、data等内容
                let array = new Uint8Array(event.data.buffer); // event.data.buffer就是接收到的inputreport    包数据了
                ParsedReturnData(array);                                                            
        };
    }
    catch (e){
        console.log(e);
    }
}

三、向HID设备发送读卡指令

四、解析接收到的返回数据