iOS Swift中如何测试热敏打印机打印预览并实现预览显示？

嘿，咱们一步步拆解你的两个需求——不管是要在iOS Swift里实现热敏打印机的打印预览，还是想通过Web方式在线测试，都有成熟的方案可以用，下面详细说：

iOS原生的UIPrintInteractionController框架就支持打印预览，而且可以适配热敏纸的特殊尺寸（比如常见的80mm宽度）。这里给你一个完整的实现示例：

import UIKit

class ThermalPrintPreviewVC: UIViewController {
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        showThermalPrintPreview()
    }
    
    private func showThermalPrintPreview() {
        // 1. 准备打印内容（文本、HTML、图片都可以，这里用简单文本示例）
        let printText = "【热敏打印测试】\n订单号：20240520001\n商品：美式咖啡 x1\n金额：¥28.00\n取餐时间：14:35\n\n感谢光临！"
        let textFormatter = UISimpleTextPrintFormatter(text: printText)
        textFormatter.perPageContentInsets = UIEdgeInsets(top: 15, left: 10, bottom: 15, right: 10)
        textFormatter.font = UIFont.monospacedSystemFont(ofSize: 14, weight: .regular) // 用等宽字体更适配热敏纸
        
        // 2. 配置打印会话和热敏纸尺寸
        let printController = UIPrintInteractionController.shared
        let printInfo = UIPrintInfo(dictionary: nil)!
        printInfo.outputType = .general
        printInfo.jobName = "热敏打印测试单"
        
        // 转换80mm宽度为iOS的打印单位（72dpi）
        let thermalPaperWidth = 80 * 72 / 25.4 // 80mm转成点（1英寸=72点=25.4mm）
        let customPaperSize = CGSize(width: thermalPaperWidth, height: CGFloat.greatestFiniteMagnitude) // 高度自适应
        let printableRect = CGRect(x: 0, y: 0, width: thermalPaperWidth, height: customPaperSize.height)
        let printPaper = UIPrintPaper(paperSize: customPaperSize, printableRect: printableRect)
        printController.printPaper = printPaper
        
        // 3. 绑定内容并弹出预览
        printController.printInfo = printInfo
        printController.printFormatter = textFormatter
        
        printController.present(animated: true) { [weak self] (_, completed, error) in
            if let err = error {
                print("预览出错：\(err.localizedDescription)")
            }
        }
    }
}

这个代码会弹出系统自带的打印预览界面，你可以选择连接的热敏打印机，或者保存为PDF验证排版效果。

如果你想在线测试或者用WebView在App里实现预览，也很方便：

1. 在线Web页面测试 #

你可以写一个简单的HTML页面，用CSS模拟热敏纸的尺寸，然后用浏览器的打印功能预览：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>热敏打印在线测试</title>
    <style>
        /* 模拟80mm热敏纸宽度 */
        body {
            width: 80mm;
            margin: 20px auto;
            font-family: "Courier New", monospace;
            font-size: 14px;
            line-height: 1.5;
        }
        /* 打印时去掉外边距，强制适配纸宽 */
        @media print {
            body {
                width: 80mm;
                margin: 0;
                padding: 10px;
            }
        }
    </style>
</head>
<body>
    <h3>📄 热敏打印测试单</h3>
    <p>订单号：20240520001</p>
    <p>商品：拿铁咖啡 x2</p>
    <p>金额：¥56.00</p>
    <p>时间：2024-05-20 14:40</p>
    <hr>
    <p>欢迎下次光临😊</p>
    
    <button onclick="window.print()">打开打印预览</button>
</body>
</html>

把这个页面保存成HTML文件，用浏览器打开后点击按钮，就能用浏览器的打印预览功能模拟热敏纸的输出效果，还可以选择真实的热敏打印机测试。

2. iOS WebView集成预览 #

如果要在App里用WebView实现，用WKWebView加载上面的HTML，然后调用系统打印功能即可：

import UIKit
import WebKit

class WebPrintPreviewVC: UIViewController {
    private var webView: WKWebView!
    
    override func loadView() {
        let webConfig = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfig)
        view = webView
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // 加载本地HTML（也可以加载在线URL）
        let htmlContent = """
        <!DOCTYPE html>
        <html lang="zh-CN">
        <head>
            <meta charset="UTF-8">
            <style>
                body { width: 80mm; margin: 0 auto; font-family: monospace; font-size:14px; padding:10px; }
                @media print { body { width:80mm; margin:0; } }
            </style>
        </head>
        <body>
            <h3>热敏打印测试</h3>
            <p>订单号：20240520002</p>
            <p>商品：抹茶星冰乐 x1</p>
            <p>金额：¥38.00</p>
        </body>
        </html>
        """
        webView.loadHTMLString(htmlContent, baseURL: nil)
        
        // 添加打印按钮
        let printBtn = UIButton(type: .system)
        printBtn.setTitle("打印预览", for: .normal)
        printBtn.frame = CGRect(x: 20, y: view.safeAreaInsets.top + 20, width: view.bounds.width - 40, height: 44)
        printBtn.addTarget(self, action: #selector(triggerPrintPreview), for: .touchUpInside)
        view.addSubview(printBtn)
    }
    
    @objc private func triggerPrintPreview() {
        let printController = UIPrintInteractionController.shared
        let webFormatter = webView.viewPrintFormatter()
        
        // 同样配置热敏纸尺寸
        let thermalWidth = 80 * 72 / 25.4
        let paperSize = CGSize(width: thermalWidth, height: CGFloat.greatestFiniteMagnitude)
        let printPaper = UIPrintPaper(paperSize: paperSize, printableRect: CGRect(x:0, y:0, width:thermalWidth, height:paperSize.height))
        printController.printPaper = printPaper
        
        printController.printFormatter = webFormatter
        printController.present(animated: true, completionHandler: nil)
    }
}

• 优先用厂商SDK：如果你的热敏打印机是知名品牌（比如Star、Epson、Zebra），它们的官方SDK通常提供更精准的打印预览和适配，比如Star Micronics的StarIO SDK，专门针对热敏打印优化，还支持自定义排版。
• 模拟器测试技巧：iOS模拟器的打印功能可以把内容导出为PDF，你可以通过查看PDF的尺寸和排版，快速验证是否适配热敏纸。
• 字体选择：热敏打印机对等宽字体支持更好，打印出来的文字对齐更整齐，尽量避免用非等宽字体。
• 实际硬件测试：在线或模拟器预览只是参考，最终一定要用真实的热敏打印机测试，因为不同品牌的打印机对打印内容的解析可能有细微差异。

内容的提问来源于stack exchange，提问作者AtulParmar