Phonegap打印插件
Phonegap打印插件
提问于 2015-01-14 07:43:50
我正在尝试使用katzer https://github.com/katzer/cordova-plugin-printer的打印插件
我做了它说的一切，但我不知道如何调用index.html文件上的函数来查看插件是否正常工作。
这是index.html
<!DOCTYPE html>
<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
-->
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<meta name="msapplication-tap-highlight" content="no" />
</head>
<body>
<div class="app">
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
<script src="plugins/com.phonegap.plugins.barcodescanner/www/barcodescanner.js"></script>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="cordova_plugins.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="plugins/de.appplant.cordova.plugin.printer/www/printer.js"></script>
<script>
app.initialize();
alert(isAvailable ? 'Service is available' : 'Service NOT available');
</script>
</body>}
这是config.xml
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.example.HS" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<preference name="AllowInlineMediaPlayback" value="false" />
<preference name="AutoHideSplashScreen" value="true" />
<preference name="BackupWebStorage" value="cloud" />
<preference name="DisallowOverscroll" value="false" />
<preference name="EnableViewportScale" value="false" />
<preference name="FadeSplashScreen" value="true" />
<preference name="FadeSplashScreenDuration" value=".25" />
<preference name="KeyboardDisplayRequiresUserAction" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />
<preference name="ShowSplashScreenSpinner" value="true" />
<preference name="SuppressesIncrementalRendering" value="false" />
<preference name="TopActivityIndicator" value="gray" />
<preference name="GapBetweenPages" value="0" />
<preference name="PageLength" value="0" />
<preference name="PaginationBreakingMode" value="page" />
<preference name="PaginationMode" value="unpaginated" />
<feature name="LocalStorage">
<param name="ios-package" value="CDVLocalStorage" />
</feature>
<name>HelloCordova</name>
<description>
A sample Apache Cordova application that responds to the deviceready event.
</description>
<author email="dev@cordova.apache.org" href="http://cordova.io">
Apache Cordova Team
</author>
<content src="index.html" />
<access origin="*" />
<feature name="BarcodeScanner">
<param name="ios-package" value="CDVBarcodeScanner" />
</feature>
<feature name="Printer">
<param name="ios-package" value="APPPrinter" />
</feature>
<gap:plugin name="de.appplant.cordova.plugin.printer" />
<gap:plugin name="com.phonegap.plugins.barcodescanner" />
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-01-14 10:17:35
放置一个科多瓦onDeviceReady事件。
document.addEventListener("deviceready", onDeviceReady, false);
// Cordova Device Ready.
function onDeviceReady() {
cordova.plugins.printer.isAvailable(
//Check whether the printer is available or not.
function (isAvailable) {
//Enter the page location.
var page = location.href;
cordova.plugins.printer.print(page, 'Document.html', function () {
alert('printing finished or canceled')
});
}
);
}- 打印整个HTML页面 // index.html var页= location.href；cordova.plugins.printer.print(页，'Document.html'，函数() {警报(‘打印完成或取消’)}；
- 从页面的某个部分打印内容 // DOM节点或字符串var page =document.getElementById(“法定通知”)；cordova.plugins.printer.print(页，'Document.html'，函数() {警报(‘打印完成或取消’)}；
- 打印自定义特定内容
// DOM节点或字符串
var page = '<h1>Hello Document</h1>';
cordova.plugins.printer.print(page, 'Document.html', function () {
alert('printing finished or canceled')
});- 打印远程网页 cordova.plugins.printer.print('http://blackberry.de'，‘BB！’，函数() {警报(‘打印完成或取消’)}；
- 调整页面 cordova.plugins.printer.print('123'，{ name:'Document.html'，景观:true }，函数() {警报(‘打印完成或取消’)}；
- iPad上的自定义大小和位置 //选项1 cordova.plugins.printer.print('123'，{界:40，30，0，0 })；//选项2 cordova.plugins.printer.print('123'，{界：{左:40，顶:30，宽:0高:0 })；
指的是您提供的链接末尾的自述文件.
Stack Overflow用户
发布于 2017-12-31 21:13:58
正如另一个答案所说的，只需调用"cordova.plugins.printer.print()“函数打印即可。然而，这里的一个重要障碍是站台.
默认的cordorva打印机插件还不支持"windows“平台。所以如果你在修窗户，就没有运气了。您必须将其构建为App/Apk，并安装到您的手机上以测试此功能。
如何在每个移动平台上构建它是本主题之外的，所以，是的，请参考完整的文档.
一个快速的方法是通过Adobe构建项目，并下载apk来查看它在您的手机上是如何工作的。希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/27937996
复制相关文章
相似问题
腾讯云开发者
