android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具
Android设备打印比较麻烦，一般设备厂商都提供原生app开发的SDK，我们web开发者为难了，不会原生开发啊
给大家提供一个思路，实现web加壳，利用打印浏览器实现
简单来说就是把我们的web页面嵌入浏览器中
web页面的打印功能通过js与浏览器互动
浏览器通过调用硬件SDK实现打印
1、机器安装最新SDK，已安装请忽略
2、下载安装本页下载连接中的打印浏览器并安装
3、对照下方事例代码，修改web页面打印功能
4、打印浏览器中打开web页面，测试打印功能
5、默认主页可以在SD卡根目录修改homepage.txt中的网址
*以上所有步骤必须在智谷联产品上使用，详情咨询销售工程师
软件支持android网页打印工具,安卓网页打印工具,h5页面打印,浏览器打印,js打印工具
web页面按照如下事例，修改打印函数代码，调用打印API即可完成打印功能
<html>
<head>
<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
div {
margin: 5px 0;
} input {
width: 49%;
height: 45 px;
margin-right: 1%;
margin-bottom: 1%;
} #tipinfo {
font-size: 15px;
color: rgb(255,0,0);
font-style: italic;
height: auto;
}
</style>
<script type="text/javascript"> function javacalljs() {
document.getElementById("tipinfo").innerHTML =
"<br\>JAVA调用了JS的无参函数";
} function javacalljswith(arg) {
document.getElementById("tipinfo").innerHTML = (arg);
}
</script>
</head>
<body>
<header class="bar bar-nav">
<h1 class='title'>网页打印演示</h1>
</header>
<div class="content">
<div class="content-padded grid-demo"> <div id="tipinfo">打印机状态</div>
<div class="item-content">
<div class="item-media"><i class="icon icon-form-comment"></i></div>
<div class="item-inner">
<div class="item-title label">输入打印内容</div>
<div class="item-input">
<textarea id="inputtxt">打印内容测试，一维码生成请输入数字</textarea>
</div>
</div>
</div>
<div class="row">
<div class="col-50">
<input type="button" class="button button-fill" value="生成二维码" onclick="window.android.createQRCode(document.getElementById('inputtxt').value)" />
</div>
<div class="col-50">
<input type="button" class="button button-fill" value="生成条码" onclick="window.android.createBarCode(document.getElementById('inputtxt').value)" />
</div>
</div>
<div class="row">
<div class="col-50">
<input type="button" class="button button-fill" value="打印文本" onclick="window.android.printText(document.getElementById('inputtxt').value)" />
</div>
<div class="col-50">
<input type="button" class="button button-fill" value="打印Unicode" onclick="window.android.printUnicode('hello, begin to smart print!')" />
</div>
</div>
<div class="row">
<div class="col-50">
<input type="button" class="button button-fill" value="选择图片" onclick="window.android.selectPic()" />
</div>
<div class="col-50">
<input type="button" class="button button-fill" value="打印图片" onclick="window.android.printPic()" />
</div>
</div>
<div class="row">
<div class="col-50">
<input type="button" class="button button-fill" value="打印网络图片" onclick="window.android.printNetPic()" />
</div>
<div class="col-50">
<input type="button" class="button button-fill" value="打印模板二" onclick="window.android.printStyleTwo()" />
</div>
</div>
<div class="row">
<div class="col-50">
<input type="button" class="button button-fill" value="打印模板一" onclick="window.android.printStyleOne()" />
</div>
<div class="col-50">
<input type="button" class="button button-fill" value="打印模板三" onclick="window.android.printStyleThree()" />
</div>
</div>
<div class="row">
<div class="col-50">
<input type="button" class="button button-fill" value="获取打印机状态" onclick="window.android.getPrintStatus()" />
</div>
</div>
</div>
</div>
</body>
</html>
android网页打印,安卓网页打印,h5页面打印,浏览器打印,js打印工具的更多相关文章
- 安卓Native和H5页面进行交互
安卓Native和H5页面进行交互 1.H5页面调用安卓Native界面 1)通过给webView添加JsInterface,安卓提供接口,让H5来进行调用 a)安卓写一个类,里面的方法需要用通 ...
- 安卓 apk 嵌入H5页面只显示部分
安卓 apk 嵌入H5页面只显示部分(有空白页出现) 解决方案 没有加载的是js部分,需要在安卓那边加上一串代码 webView.getSetting().setDomStorageEnabled(t ...
- h5页面在浏览器上好好的，到手机上熄火了又看不到报错信息怎么办？
背景 最近小编接了一个新需求,用h5开发页面,通过webview嵌入原生APP中,自己在浏览器上开发爽歪歪,什么信息都能看到,可是一嵌入原生app中,瞬间就熄火了,啥也看不到了,不知道为什么,反正就是 ...
- Android原生同步登录状态到H5网页避免二次登录
本文解决的问题是目前流行的 Android/IOS 原生应用内嵌 WebView 网页时,原生与H5页面登录状态的同步. 大多数混合开发应用的登录都是在原生页面中,这就牵扯到一个问题,如何把登录状态传 ...
- H5页面测试总结
前言 在最近几个项目中,小编接触了较多关于H5页面的测试,H5页面的测试除了业务逻辑功能测试外,其他部分的测试方法基本是可以通用的,在此对H5页面的一些通用测试方法进行总结分享给大家. H5页面介绍 ...
- 本地调试H5页面
摘要 详细讲述微信H5页面调试(安装在安卓或iOS手机上的),钉钉内H5页面的调试,QQ.微博以及各浏览器上H5页面的调试方法 背景 大学毕业快要一年了,用leader的话说我也是有一年开发经验的前端 ...
- A4纸网页打印 html网页页面的宽度设置成多少
A4纸竖向打印,html网页页面的宽度设置成多少?这个问题是我们大家所疑惑的,于是网上搜集整理下,希望可以帮助你们 最近开发项目时遇到了网页打印的问题,这是问题之二,打印宽度设置 在公制长度单位与屏幕 ...
- 使用jqPrint.js调用浏览器打印界面，打印网页中的某一部分该部分含有ECharts图表
1.准备好js文件(我用的是谷歌浏览器) 这个文件是为了防止你的jQuery版本过高而不适配的问题 这是调用浏览器打印的js插件 2.引入js文件 <script src="js/jq ...
- H5页面在微信中禁止下拉露出网页
H5页面在微信中禁止默认事件的执行,js添加代码 $(function () { /************微信h5页面禁止下拉露出网页来**************/ $('body').on('t ...
随机推荐
- vue android低版本 白屏问题 你是不是用了Object.assign ？？
问题描述 在部分比较低版本的手机中,发现apk安装后白屏,但是大部分手机都能安装. 本人在使用android4.4时候,也是安装后打开白屏. 原因: 代码写法不兼容 this.user = Objec ...
- sql server 备份与恢复系列一 必备知识
一.备份概述 数据安全是数据库的生命,数据库在使用过程中难免会遇到如:使用者的误操作或是被恶意修改,硬件故障导致数据文件无法被访问,自然灾害导致机房在物理上的损毁.本章从备份与恢复的功能作为解决问题的 ...
- App 性能相关
51Testing系列丛书:性能测试学习笔记之 LoadRunner实战 http://www.51testing.com/html/38/n-3723938.html
- 五款实用免费的Python机器学习集成开发环境（5 free Python IDE for Machine Learning）（图文详解）
前言 集成开发环境(IDE)是提供给程序员和开发者的一种基本应用,用来编写和测试软件.一般而言,IDE 由一个编辑器,一个编译器(或称之为解释器),和一个调试器组成,通常能够通过 GUI(图形界面)来 ...
- Spring Cloud微服务下的权限架构调研
随着微服务架构的流行,系统架构调整,项目权限系统模块开发提上日程,需要对权限架构进行设计以及技术选型.所以这段时间看了下相关的资料,做了几个对比选择. 一.架构图 初步设想的架构如下,结构很简单:eu ...
- 数据结构(一) 单链表的实现-JAVA
数据结构还是很重要的,就算不是那种很牛逼的,但起码得知道基础的东西,这一系列就算是复习一下以前学过的数据结构和填补自己在这一块的知识的空缺.加油.珍惜校园中自由学习的时光.按照链表.栈.队列.排序.数 ...
- OnlineJudge难度与正确度的相关性检验
本着做题的心态,上了东莞理工学院的 oj 网:在选择难度的时候发现有些题目通过率和难度可能存在着某些关系,于是决定爬下这些数据简单查看一下是否存在关系. 一.新建项目 我是用 Scrapy 框架爬取的 ...
- Linux软件包管理之RPM命令
目录 1.Linux软件包分类 一.源码包 二.二进制包 2.rpm 包命名规则 3.rpm包安装 4.rpm包升级 5.rpm包卸载 6.查询rpm包是否安装 7.查询软件包的详细信息 8.查询软件 ...
- 【Vue.js】vue项目目录作用
1. build文件夹:打包配置的文件夹 1.1 webpack.base.conf.js :打包的核心配置 1.2 build.js:构建生产版本,项目开发完成之后,通过build.js打包(加 ...
- Jenkins结合.net平台工具之ReportGenerator
上一节我们讲解了如何使用opencover生成单元测试覆盖率报告,opencover默认生成的report为xml格式,可读性并不是特别强,如果靠阅读opencover生成的results.xml来分 ...