用print.js打印网页，预览和实际不一样，如何才能打出和实际一样的，请指教！谢谢！

2024-01-04 17:29:07 6.2k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Android架构中UseCase的设计原则与实战解析本文深入解析Android架构中UseCase的设计原则与实战应用，探讨其在Domain Layer中的核心作用。通过对比ViewModel的臃肿问题，详细阐述UseCase的无状态原则、单一职责边界等设计铁律，并提供多种实现方式的代码示例，帮助开发者构建更清晰、高效的Android应用架构。阅读详情

网页如上图，

预览却是这样的，要打成和网页的一样，怎么弄？求教！

...全文

手把手教你用YOLOv11-seg-LSCD搞定树脂件瑕疵检测（附数据集与代码）本文详细介绍了如何使用YOLOv11-seg-LSCD模型进行工业级树脂件瑕疵检测，包括环境配置、数据集构建、模型训练与调优、部署优化等全流程。通过LSCD模块的创新设计，有效提升了气泡、裂纹等微小缺陷的检测精度，适用于各类树脂制品的质量检测场景。阅读详情

搭边的日月

VUE 1,940 成员 863 内容

+ 关注 + 加入社区

切换为时间正序

吉普赛的歌 2024-01-09

打赏
举报

太复杂，直接后端输出为pdf, 前端打印pdf就可以了。
js打印难以控制，没有必要

搭边的日月 2024-01-09

打赏
举报

已好，如何结贴！

二当家的素材网 2024-01-06

打赏
举报

在使用 print.js 或其他打印库时，确保网页在打印时呈现与实际预览一致，通常需要一些样式和调整。以下是一些建议，希望能帮助你解决预览和实际打印不一致的问题：

打印样式表：在你的网页中，可以使用专门的样式表来控制打印时的布局和样式。你可以通过在你的HTML文档中添加一个针对打印样式的媒体查询，或者使用一个独立的样式表，来指定在打印时应用的样式。例如：

css
@media print {
/* 打印时的样式 /
body {
font-size: 12pt;
}
/ 其他打印样式 */
}
避免隐藏元素：有时，页面上的一些元素可能在屏幕上可见，但在打印时被隐藏了。确保你的打印样式没有将必要的元素设置为 display: none; 或 visibility: hidden;。

调整布局：你可能需要调整网页的布局，以适应打印页面的尺寸。这可能包括调整页面宽度、边距、字体大小等。

图片和背景：默认情况下，一些浏览器可能在打印时省略图像和背景。确保你的打印样式中包含了对这些元素的适当设置：
css
@media print {
img {
max-width: 100%;
}
body {
background: #fff; /* 或其他颜色 */
}
}
打印预览：在开发过程中，使用浏览器的打印预览功能，可以帮助你更好地了解打印效果。在预览时，你可以查看是否存在样式或布局问题，并及时进行调整。

打印事件处理：如果你使用了 print.js 或其他打印库，确保正确处理打印事件，以便在打印之前可以进行适当的调整。一些库可能提供回调或事件，你可以在这些事件中执行定制的操作。

这些建议可能需要根据你的具体情况进行调整。在进行任何更改之前，最好使用浏览器的开发者工具进行调试，以便检查打印样式和网页元素的状态。

搭边的日月 2024-01-09

@二当家的素材网谢谢你，已好。

原子星 2024-01-06

打赏
举报

这个貌似是生成的pdf文件排版格式的问题吧，不知道你是不是用的这个https://printjs.crabbly.com/ ，如果是的，可以先存下pdf文件，用阅读器打开看下格式是不是正确

用print.js打印网页，预览和实际不一样，如何才能打出和实际一样的，请指教！谢谢！

相关推荐