MUI蓝牙打印(Android)

2023-10-31

MUI蓝牙打印(Android)


使用MUI开发手机APP时使用蓝牙打印功能可能较少使用,MUI官方并为集成蓝牙打印功能,而且似乎对iPhone蓝牙打印的类库支持也不够完善。忙完一阶段后回顾下之前的工作,想想蓝牙打印功能折腾了够长时间了,写这篇文章既是自己做个总结,也希望能给遇到同样为蓝牙打印功能挣扎的人带来一点帮助。

感谢以下几篇文章给予的帮助。


页面HTML

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">

        <!--标准mui.css-->
        <link rel="stylesheet" href="../../css/mui.min.css">
        <link rel="stylesheet" href="../../css/wg-common.css">
        <link rel="stylesheet" href="../../css/iconfont.css">
        <!--App自定义的css-->
        <link rel="stylesheet" type="text/css" href="../../css/app.css" />
        <title></title>
    </head>
    <style>
        .wg-info-title {
            background-color: white;
            color: #007AFF;
        }

        .mui-btn {
            font-size: 16px;
            padding: 8px;
            margin: 3px;
        }
    </style>

    <body>
        <header class="mui-bar mui-bar-nav" style="padding-top: 2px;">
            <div style="float: left;padding-right: 8px;">
                <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
            </div>
            <h1 id="title" class="mui-title">打印</h1>
            <div style="float: right;padding-right: 8px;">
                <a class="mui-icon mui-icon-refreshempty" id="btnRefresh"></a>
            </div>
        </header>
        <div class="mui-content mui-content-padded">
            <h5 class="mui-content-padded">点击设备开始连接
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

MUI蓝牙打印(Android) 的相关文章

  • 通过canvas实现将html的某些元素转为png图片

    有时候我们需要把html或者某些html元素转换为图片 并且支持下载 下面是学习之后的总结 希望能给大家带来帮助 所需插件库 html2canvas js canvas2image js base64 js 资源地址 链接 https pa
  • HTML中如何插入空格,HTML空格代码,多种HTML空格写法

    记录一下 用到的空格的转义字符 1 最常见 nbsp 的称为 不换行空格 全称 No Break Space 占1个字符宽度 nbsp 2 ensp 称为 半角空格 全称 En Space 占1个字符宽度 ensp 3 emsp 的称为 全
  • 日期格式化方法

    时间格式化 有时候我们会用到时间的展示 时间的展示种类也是各种各样 对于不用的产品需要不同的样式 这时候就需要我们做一下时间的格式化处理 下面是一种常见的日期显示方式 代码如下 格式化时间 param String date 原始时间格式
  • ueditor1.5 新版ueditor设置字体大小文件所在位置

    ueditor src plugins font js文件 将想添加的字体大小设置即可 fontsize 10 11 12 14 16 18 20 24 36 72
  • H5 DOM 全屏 api requestFullscreen

    文章转载自 http javascript ruanyifeng com htmlapi fullscreen html toc7 js 设置 退出和判断全屏的方法 设置全屏 退出全屏 全屏属性 全屏事件 全屏状态的CSS 设置全屏 req
  • BootstrapTable 根据行数据动态渲染行样式

    Step1 BootstrapTable 文档 http bootstrap table wenzhixin net cn zh cn documentation Step2 选中如下表格参数 Step3 具体代码 html部分代码 div
  • 开发uniapp苹果app,苹果签名证书的创建方法

    在uniapp云打包界面 打包苹果app 需要私钥证书p12文件 还需要证书profile文件和证书密码 这两个文件到底是从什么地方获取的呢 答案是这两个证书需要在苹果开发者中心生成 下面我们这篇教程 将教会大家如何创建这两个打包所需的证书
  • H5 架构和原生架构的区别

    1 App 的 3 种开发方式 表面上看 手机 App 都是同样的东西 就是手机上的应用程序 点击图标就能运行 但是它们的底层技术不一样 按照开发技术 App 可以分成三大类 原生应用 简称 nativeApp Web 应用 简称 WebA
  • 【微信小程序】微信小程序支付、微信小程序webview引入H5实现支付等

    最近有个需要由于H5页面需要嵌套在微信小程序里面 所以H5的支付在小程序里面就行不通了 不过我看社区里面说的测试环境微信小程序webview引入H5是可以实现调取H5支付功能的 线上则调不起来 时间紧迫 咱也不敢尝试啊 只能另辟蹊径了 哈哈
  • 【H5】 移动端的基本事件

    H5 移动端的基本事件 一 基础事件 1 PC端事件 onclick 鼠标点击触发 onmousedown 鼠标按下触发 onmousemove 鼠标移动触发 onmouseup 鼠标抬起触发 2 移动端触屏事件 ontouchstart
  • JavaScript的Math对象基本用法

    Math对象的基本用法 1 Math 对象用于执行数学任务 Math是一个内置对象 不需要创建 可以直接使用 2 Math对象常用API Math PI 返回圆周率3 1415926 Math ceil x
  • vue入门者uni-app开发之---入坑

    vue入门者uni app开发之 入坑 前言 起步 项目结构 开始开发 举例登陆全局保持状态 退出登陆 前言 作为一个刚入门vue的前端 我们公司主要运营公众号网页 之前一直用的jq 发现用户体验差的一匹 后来公司决定将前端技术栈定为vue
  • mui实现表格

    mui的css文档中没有向bootstrap中类似的写好的样式供调用 但是用table显示表格本身就不难看 再写一些CSS类完全可以放到网页中 下面提供代码
  • html与python后端交互,python后端中取表单

    参考 http www manongjc com detail 13 owqqwhqvsqworkh html 前端
  • canvas圆球碰撞检测

    本文为canvas绘制圆形碰撞检测 圆形与圆形 后期一直更新哦 x 圆横坐标 y 圆纵坐标 r 圆半径 w 浏览器宽度 h 浏览器高度 arc画圆碰撞 move移动后 碰撞浏览器边缘反弹回来 碰撞检测 x r lt 0 浏览器左边缘 x r
  • Egret的2D摄像机实现

    一个Egret的正交摄像机的简单实现 主要功能大致如下 可参考根据实际进行调整 module Camera 一个正交摄像机demo export class Camera 摄像机显示的对象 实际是镜头所对应的世界 m container e
  • 前端例程20220920:纯CSS图片自动轮播效果

    演示 原理 代码
  • react 父组件调用子组件的方法

    子组件中 const child forwardRef props ref gt useImperativeHandle ref gt 这里面的方法是暴露给父组件的 test console log 我是组件里的test方法 test2 t
  • layui改变字体颜色或者背景颜色

    改变文字颜色 done function res curr count if res data length gt 0 each res data function ii dd if NOTNULL dd islatetime if par
  • 使用MobaXterm发布前端代码到服务器

    1 准备 先获得服务器的必须信息 如下表 序号 参数名 参数值 描述 1 服务器IP 81 71 87 37 2 登录用户名 root 3 用户私钥 如下 可保存为一个文件如pri key 一定确保格式与下面代码一样 不能有多余的空格 换行

随机推荐

  • Zipper

    http poj org problem id 2192 Description Given three strings you are to determine whether the third string can be formed
  • 阿里开源的这款缓存框架,太强了!

    Java基基 2023 09 09 11 55 发表于上海 这是一个或许对你有用的社群 一对一交流 面试小册 简历优化 求职解惑 欢迎加入 芋道快速开发平台 知识星球 下面是星球提供的部分资料 项目实战 视频 从书中学 往事中 练 互联网高
  • Ubuntu18.04安装WPS后缺失字体

    系统环境 Ubuntu18 04 6 LTS 问题 WPS缺少字体 解决方法 1 下载字体库 wps symbol fonts zip 链接 https pan baidu com s 1HBKWlYKjb6w8 d9yBzbnlw pwd
  • IDEA 开发 vue项目 初学者配置和运行(mac版)

    前言 vue建议用VSCode进行开发 不是必要就不要用Idea啦 VSCode是免费的 直接移步官网直接下载 Tip1 安装插件 打开idea 首页选择configure gt plugins 搜索vue 安装vue js 按照提示操作即
  • vue中mixin的一点理解

    vue中提供了一种混合机制 mixins 用来更高效的实现组件内容的复用 最开始我一度认为这个和组件好像没啥区别 后来发现错了 下面我们来看看mixins和普通情况下引入组件有什么区别 组件在引用之后相当于在父组件内开辟了一块单独的空间 来
  • 实锤研究,ChatGPT能力掉线!

    早在一个多月前 ChatGPT性能下降的传闻便开始在网上流行 不少订阅了Plus版的用户纷纷表示 感觉ChatGPT在经历了几轮更新后开始降智 甚至有时反应速度也会出现问题 而如今 这一传闻终于得到了证实 就在本周 斯坦福大学和加州大学伯克
  • Linux System Calls Hooking Method Summary LD_PRELOAD

    Linux System Calls Hooking Method Summary 相关学习资料 http xiaonieblog com post 121 http hbprotoss github io posts li yong ld
  • 给idea设置注释(超便捷)

    效果 打开设置 File gt settings gt Editor gt File and Code Templates gt Files 点击I 设置头文件 ClassName NAME Author USER create DATE
  • CSS实现流线边框

    使用css实现简单 流线边框 显示上下边框 实例图 html div class box h1 CSS h1 div
  • object对象转数组

    解决方案 let arr for let ip in harddisklist const item Object assign ip harddisklist ip arr push item arr push ip harddiskli
  • C# winform中调用摄像头,拍摄并保存图片!

    首先在NuGet中 下载AForge包 把这些都添加进项目中 1 命名空间和公共属性 using AForge Video DirectShow using System using System Drawing using System
  • 点云中截取自己想要的点云

    文章目录 一 利用python保留自己想要的点云 二 将txt转换为pcd 三 可视化对比 一 利用python保留自己想要的点云 1 python读取pcd点云文件 需要使用python的库open3d读取 在pycharm中打开终端 输
  • educoder算法设计与分析 实验五 回溯法拓展2

    实验五 回溯法拓展2 第1关 非递归实现皇后问题 第2关 递归算法解决皇后问题 第3关 素数圈 第1关 非递归实现皇后问题 题目描述 本关任务 在n n格的棋盘上放置彼此不受攻击的 n 个皇后 按照国际象棋的规则 皇后可以攻击与之处在同一行
  • oracle数据库的 date 和 timestamp 类型区别

    1 date类型存储数据的格式为年月日时分秒 可以精确到秒 timestamp类型存储数据的格式为年月日时分秒 可以精确到纳秒 9位 2 date类型 Date类型的数据可以显示到年月日 也可以显示到年月日时分秒 主要看存储数据的精确度 注
  • 《软件架构设计》一书目录

    第一部分软件架构概念与思想篇 1第1章解析软件架构概念 3 1 1软件架构概念的分类 3 1 1 1组成派 4 1 1 2决策派 5 1 2软件架构概念大观 5 1 2 1Booch Rumbaugh和Jacobson的定义 5 1 2 2
  • 机智的Open3D学习生活(第一集):入坑前的准备工作

    1 Open3D的开源项目地址 https github com isl org Open3D 2 Open3D的官网地址 http www open3d org 3 Open3D的文档地址 http www open3d org docs
  • Jetson 上cmake 带cuda 的程序报错

    报错信息为 找不到CUDA 架构 https blog csdn net qq 19449259 article details 128001426 把cuda 的nvcc 加入环境变量之后 又报了如下错误 报错信息如下 D CUDACC
  • 猿人学APP逆向第一题

    一 抓包 加密参数sign 二 静态分析 2 1搜索app1直接直接定位到请求位置 查看用例直接定位到加密位置 可以直接看到Sign sign 方法就是加密函数 2 2frida hook加密函数 一目了然 第一题太简单了就不过多分析 直接
  • JavaScript数据结构之栈

    JavaScript 数据结构之栈思维导图 JavaScript 数据结构之栈源码
  • MUI蓝牙打印(Android)

    MUI蓝牙打印 Android 使用MUI开发手机APP时使用蓝牙打印功能可能较少使用 MUI官方并为集成蓝牙打印功能 而且似乎对iPhone蓝牙打印的类库支持也不够完善 忙完一阶段后回顾下之前的工作 想想蓝牙打印功能折腾了够长时间了 写这