实现网页对蓝牙的调用,目前Chrome系较高版本浏览器支持。

要使用Web蓝牙功能需要一个usb口的蓝牙适配器,可以在Chrome浏览器中输入"chrome://bluetooth-internals"查看蓝牙设备状态,该调试功能非常强大!

通过UUID可以查看到所有的蓝牙设备、service、Characteristics,以及读写蓝牙设备

蓝牙打印机连接上后不是发文本就能直接打印,而是要转换成打印指令,一般是通过ESC/POS通用打印指令传递打印指令的,就是说我们要输出的文本、二维码、图片等内容需要转换成ESC/POS指令。目前大多数蓝牙打印机都是支持ESC/POS指令的,指令可以看https://www.jianshu.com/p/dd6ca0054298 了解下,百度上还有专门详尽的指令集说明,不过我们不需要自己来写指令转换代码,我找到一个js库,很方便的实现了ESC/POS编码,https://www.npmjs.com/package/@freedom_sky/esc-pos-encoder
Webbluetooth如何应用,https://segmentfault.com/a/1190000018224699,这里有个文档简单说明。https://bluetooth.rocks/tweets/这个则是有案例

要注意的点,webbluetooth在本地可以直接调用,但部署上服务器一定需要HTTPS支持(其他硬件方面的web调用也同理),如果没有的话会出现

查看HTTP和HTTPS下的naviagtor,HTTP下是没有bluetooth等成员的


打印效果(格式、中文、图片、二维码等请自行使用ESC/POS编码即可)

在Chrome浏览器中输入"chrome://bluetooth-internals"查看蓝牙设备状态,通过UUID可以查看到所有的蓝牙设备、service、Characteristics,以及读写蓝牙设备

index.html编辑器打开,
找到 services: [‘0000fee7-0000-1000-8000-00805f9b34fb’] ,替换所有(有两处) 0000fee7-0000-1000-8000-00805f9b34fb 为 chrome检测到的蓝牙设备的services UUID
找到 service.getCharacteristic(“0000fec7-0000-1000-8000-00805f9b34fb”) 替换 0000fec7-0000-1000-8000-00805f9b34fb 为 所替换的services下的可写的characteristic UUID

webbluetooth在本地可以直接调用,但部署上服务器一定需要HTTPS支持

链接: https://pan.baidu.com/s/1wNzgxaKfLk426Z5NjTx1mQ?pwd=i7vx 提取码: i7vx 复制这段内容后打开百度网盘手机App,操作更方便哦

WebBluetooth蓝牙打印相关推荐

  1. android 蓝牙打印格式,Android蓝牙打印格式排版

    最近由于项目需求,在做蓝牙打印的功能.Android连接蓝牙打印机网上满天飞,但是内容的排版却很少. 我也是研究了下,自己封装了一个工具类希望可以方便开发. 这个类叫 BluetoothPrintFo ...

  2. 蓝牙打印和网口打印的实现

    蓝牙打印的js export default {install(Vue,options){// 蓝牙搜索方法Vue.prototype.SearchBluetooth = function () {/ ...

  3. WeX5 3.8开发工具之蓝牙打印(全流程记录不是最全,胜似最全)

    技术分享 记录踩过的坑和别的大佬没有叽歪的点 开始做蓝牙打印看到网上很多做混合开发 和安卓开发,ios开发的例子,插件等等版本大同小异,并不是像其他博客上所说的那么简单,[下载插件,无需改动,连接打印 ...

  4. Android蓝牙打印服务,Android 模拟蓝牙打印机

    1: 思路 百度百科的介绍 所谓蓝牙打印机,就是指在主机端用一单片机来仿真打印机进行工作,截取从主机并口传出的数据及控制信号,并通过蓝牙无线连接传送到打印机端.在打印机侧的单片机则根据所收到的蓝牙数据 ...

  5. java web 蓝牙打印_android 蓝牙打印机示例

    [实例简介]关于蓝牙打印:HTML5开发移动页面.链接蓝牙打印机,打印文字.二位码.图片. [实例截图] [核心代码] BluetoothPrinterDemo-master ├── README.m ...

  6. uniapp微信小程序实现连接低功耗蓝牙打印功能

    微信小程序项目中有使用到蓝牙连接打印,参考官方文档做了一个参考笔记,这样使用的时候就按着步骤查看. uni-app蓝牙连接 蓝牙: 1.初始化蓝牙 uni.openBluetoothAdapter(O ...

  7. Android蓝牙打印小票,仿美团外卖小票打印

    这个一个Android蓝牙打印小票demo,类似美团外卖小票打印 自适应排版小票格式,一行两列和三列轻松搞定,文本长短不用愁 先看一下效果图: demo里主要是使用汉印打印机进行蓝牙小票打印,它还支持 ...

  8. android 蓝牙打印机(ESC/POS 热敏打印机),打印菜单小票和图片,对蓝牙配对和连接打印功能进行了封装,让你超快实现蓝牙打印功能

    BluetoothPrint 项目地址:liuGuiRong18/BluetoothPrint  简介:android 蓝牙打印机(ESC/POS 热敏打印机),打印菜单小票和图片,对蓝牙配对和连接打 ...

  9. html5 app如何连接打印机,uni-app开发经验分享十五: uni-app 蓝牙打印功能

    最近在做uni-app项目时,遇到了需要蓝牙打印文件的功能需要制作,在网上找到了一个教程,这里分享给大家. 引入tsc.js 简单得引入到自己所需要得页面中去,本次我们只要到了标签模式,他同时还有账单 ...

最新文章

  1. TensorFlow集成TensorRT环境配置
  2. Sql 先进先出计算积分
  3. CYQ.Data 轻量数据层之路 使用篇-辅助工具枚举生成器 视频 C (二十)
  4. 高斯白噪声下基于EM的多径时延估计
  5. Kaggle 数据挖掘比赛经验分享(转)
  6. python使用os库临时改变环境变量
  7. 拓端tecdat|R语言ggplot2 对Facebook用户数据可视化分析
  8. bytes的json解析
  9. 基于SSM的电脑商城(源码)
  10. 虚拟机服务器开放全部端口,查看虚拟机开放端口号
  11. 哪个邮箱好用又安全?群发邮件哪个邮箱好用?
  12. SQL :Date 函数
  13. android图片模糊效果,Android下实现高效的模糊效果
  14. Elastic search常用分词 和 多字段搜索优化
  15. 利用LaTeX写硕士论文历程之安装配置环境
  16. 前端js,join()方法
  17. Python 计算一年有多少秒
  18. STEM教育活动一览
  19. redis指定数据库
  20. 阿里云Apsara Clouder专项技能认证-实现调用API接口-学习笔记

热门文章

  1. 【项目精选】jsp码头船只出行及配套货柜码放管理系统的设计与实现(视频+源码+论文)
  2. 微信小程序自定义提示框制作的简单方法
  3. 卡巴斯基实锤拼多多 App 恶意代码
  4. Spring框架—IOC容器—属性赋值的几种方式
  5. oracle时间倒序查询_Oralce 复杂查询
  6. Python爬虫——使用JSON库解析JSON数据
  7. mysql dense_rank_DENSE_RANK分析函数的使用
  8. php微信号轮播系统,微信小程序的轮播功能
  9. 中国包装印刷行业市场规模调研及投资风险展望报告2022-2028年
  10. react 入门 阮一峰