随着移动设备的普及，打印已经不再只是局限于传统的办公场景中。越来越多的 App 开发者开始在其应用中加入打印功能，方便用户打印并分享文档。在 Cordova/PhoneGap 开发中，我们可以使用 de.appplant.cordova.plugin.printer 这个 npm 包来方便地实现打印功能。
安装
在 Cordova/PhoneGap 项目中使用 de.appplant.cordova.plugin.printer 插件，需要先安装 npm 包。打开终端，进入项目文件夹，执行以下命令：
npm install de.appplant.cordova.plugin.printer --save-dev
执行上述命令后，在项目的 node_modules 目录下将会找到 de.appplant.cordova.plugin.printer 这个包。
集成
- 安装 Cordova 插件
执行以下命令，安装 Cordova 插件：
cordova plugin add cordova-plugin-printer
- 创建打印按钮
在 HTML 文件中，添加一个打印按钮，点击该按钮触发打印操作。以下为简单示例代码：
<button id="printButton" onclick="print()">打印</button>
- 打印操作
在 JavaScript 文件中，编写 print() 函数，调用 de.appplant.cordova.plugin.printer 包提供的打印接口。以下为示例代码：
-- -------------------- ---- ------- -------- ------- - -- ------------------- -- ---------- - ----------------------------------- -------- ------------- - -- ------------- - -------------------------------------- - ---- - ---------------- - - -- - ---- - -- --- -------------------------------------- - -展开代码
在上述代码中，我们首先判断当前平台是否为 Android，如果是则调用 isAvailable() 接口判断打印机是否可用，如果可用则调用 print() 接口进行打印操作。如果当前平台为 IOS，则直接调用 print() 接口进行打印操作。
附：完整示例代码
以下为完整示例代码（仅供参考）：
index.html
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------- ------- ------ ------- ---------------- ----------------------------- ------- -------------------------- ------- --------------------------- ------- -------展开代码
index.js
-- -------------------- ---- ------- -------- ------- - --- ------- - --------- -- ---------- -- ------------------- -- ---------- - ----------------------------------- -------- ------------- - -- ------------- - -------------------------------------- - ---- - ---------------- - - -- - ---- - -- --- -------------------------------------- - -展开代码
总结
通过以上示例代码，我们可以看到 de.appplant.cordova.plugin.printer 包提供了简单易用的打印接口，可以满足大多数打印需求。对于需要更复杂的打印场景，我们可以按需进行二次开发。希望本文对大家了解 Cordova/PhoneGap 开发中的打印功能有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60995
