鸿蒙开发教程指南-如何使用Web组件打印前端页面

最新推荐文章于 2024-11-28 15:29:51 发布

不入流HarmonyOS开发

最新推荐文章于 2024-11-28 15:29:51 发布

阅读量985

点赞数 23

分类专栏： OpenHarmony 鸿蒙 HarmonyOS 文章标签： harmonyos 华为鸿蒙零基础鸿蒙开发 OpenHarmony HarmonyOS 鸿蒙系统

本文链接：https://blog.youkuaiyun.com/m0_70749039/article/details/138585665

版权

Web组件打印html页面时可通过W3C标准协议接口和应用接口两种方式实现。开发者在使用该能力时，需配置ohos.permission.PRINT打印权限。

使用W3C标准协议接口拉起打印

通过创建打印适配器，拉起打印应用，并对当前Web页面内容进行渲染，渲染后生成的PDF文件信息通过fd传递给打印框架。W3C标准协议接口window.print()方法用于打印当前页面或弹出打印对话框。该方法没有任何参数，只需要在JavaScript中调用即可。

可通过前端css样式控制是否打印，例如@media print。再通过web加载该html页面的方式运行。

print.html页面代码。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>printTest</title>
    <style>
        @media print {
   
            h1 {
   
                display: none;
            }
        }
    </style>
</head>

<body>
    <div>
        <h1><b>
                <center>This is a test page for printing</center>
            </b>
            <hr color=#00cc00 width=95%>
        </h1>
        <button class="Button Button--outline" onclick="window.print();">Print</button>
        <p> content content content <