问题标签 [printing-web-page]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 制作网页的像素完美打印输出(如屏幕上所示)
我想对此网页进行“备份”,最好是 PDF 格式。像截图一样,只读,供参考。
尝试将页面打印成 PDF(OS X、Safari)会导致奇怪的打印机布局处理,这是一个样式表问题等。我们不要去那里。我想要浏览器在屏幕上显示的内容。就像一个屏幕截图(我可以截取,但由于页面需要滚动,所以很乏味)。
Safari 允许“另存为网络存档”,但我更喜欢便携式单文件格式 sa PDF。真的——没有办法吗?
我确信 SO 会有答案。还没有找到问的问题。
附录: 找到了这个,但它需要一个非免费的EagleFiler软件。不过,这似乎是最有前途的方法。
附录 2 感谢迄今为止所有的好建议。我将保持开放,直到找到真正的杀手锏解决方案。这将是任何主要浏览器允许真正的另存为PDF 而无需为打印机呈现页面。
目前,我自己的解决方案是保留 .webarchive 文件。实际上,与我第一次不同的是,它们是单个文件,这很好。当然,该解决方案是特定于 OS X 的。
css - 打印 html 页面 - 分页
我有一个页面,其中一个接divs
一个,由循环生成,都具有相同的类,并且都divs
包含图像和文本。我需要为此页面设置样式以进行打印。我遵循了与尺寸、颜色、边距等相关的所有基本原则。
但是,我不希望这些框在打印时在页面之间拆分,因为当一个框在页面末尾附近开始并且打印了一些文本而其余文本在下一页时会发生这种情况。page-break-before:always
当页面上 div的总高度超过时,我使用 javascript 插入分页 div(具有样式)800 (assumed value).
但是,当我打印时,文本大小会发生变化,并且 div 会变长/变短,并且分页符会放错位置。
我正在做与这里的答案相同的事情。我的问题是我假设打印页面的宽度/高度是多少?还是有更好的解决方案?
我该如何处理?提前致谢。
编辑:我使用特定于打印的 css,仅供参考。我也有特定的媒体风格和印刷风格。
编辑(尝试可视化)
javascript - 页面脚本的打印部分在 IE 中完美运行,但在 Firefox 中出现问题
在我努力寻找一种解决方案来打印只在 WordPress 中工作的页面的一个区域时,我遇到了一个非常好的小脚本,它完美地满足了我的需求……但仅限于 IE 浏览器。出于某种原因,Firefox 不想玩球。
脚本是:
调用者:
这适用于 IE,但不适用于 FF。我对 JavaScript 了解不多,所以如果您能告诉我是否有任何让 Firefox 头疼的东西,我将不胜感激。
顺便说一句 - 我必须使用 javascript 路由而不是使用打印 CSS 文件,因为我要打印的区域(优惠券)设置在一个表中,该表显然设置在 WordPress 主题的容器和包装器 div 中,这使得它很难将其隔离以进行打印。
我还尝试了 iframe 打印,我在这方面取得了一些进展,但 IE 给我带来了问题(rolleyes)。所以上面的这个脚本对我来说似乎是一个很好的答案,除了当我点击“打印”时 Firefox 什么都不做。非常感谢。
css - 你如何缩小内容以适应 div?
我在一个项目中,我被分配了修改报告页面以使其可打印的任务。该报告使用 PHP 在 div 中生成表格,但 div 在打印时有时会大于 1 页长度。所以,最终发生的事情是一旦页面长度用完,表格/div就会被破坏。最终的结果是一片混乱。
我已经用标签修改了 print.css:
所有的 div 看起来像:
这稍微清理了报告(即,每个部分都从一个新页面开始)。但这似乎浪费了相当多的纸张,并没有解决中表分页的问题。我的另一个想法是自动缩小 div 的内容以完全适合 1 页。我们的 div 都不是 > 2 页,所以如果这是可能的,我认为这将是一个很好的解决方案……但这可能吗?有没有办法让 css 调整字体大小以适应 div 长度?
我用谷歌搜索了缩放内容以适应 div,但每个人似乎都想要与我想要的相反(即 div 适合内容,而不是内容适合 div)。
有没有人可以提供任何帮助?整齐地打印 html 表格的一般示例也可以工作,因为我能够找到的所有结果都涉及非浏览器支持的 CSS(即,不起作用):“page-break-inside:避免”。
先感谢您。
javascript - 打印页面时执行javascript
打印页面时,似乎执行了 javascript 代码。
如何确定页面当前是否正在打印?我做了一些 js 调整大小,并且必须处理一些不同的打印。
c# - 如何打印页面以及所有 CSS 格式
我正在做一个打印功能。我遇到的问题是正在打印的页面没有保留它的 CSS 格式。我在没有 CSS 的情况下打印纯文本。有谁知道如何在所有 CSS 格式不变的情况下打印页面。
html - IE 和 Firefox 中的打印问题
我正在尝试在 IE 和 Firefox 中 的链接分级织物 ArcCom下打印此页面。但是,我打印出来的第一页显示为空白,不是完整的内容。有人知道如何通过编辑 HTML 或任何其他代码来解决这个问题吗?
css - Firefox 和 IE 中的 CSS 打印问题
我正在尝试在 IE 和 Firefox 中的链接分级织物 ArcCom下打印此页面。但是,它只打印第一页,没有完整的表格。我该如何解决这个问题?有什么建议吗?
php - html2ps - 如何打印小标签?
我一直在使用 html2ps 来获取一些纯文本标签,以便在 Dymo 450 Labelwriter 打印机上正确打印。根据此页面,您应该能够使用 CSS 调整页面大小。这是我尝试过的 CSS(在外部文件中,也尝试过内联):
但是输出的后记仍然是字母大小。我也可以使用 html2ps' -s 选项进行缩放,但边距仍然很大,以至于没有文本打印(只是出现了一个空白标签)
我该怎么做才能使边距为零并输出正确的页面大小?
这是输入 html 的示例:
此外,似乎 html2ps 不尊重内联:
谢谢你的帮助。我还应该提到我正在使用来自 ubuntu 打印服务器的 lp 进行打印。
html - 打印整个 html 页面
我有一个按钮,window.print()
用来打印页面,
但它只打印视口中可见内容的单页。然而,页面足够长,可以填满 5 页。
我怎样才能让它打印整个页面?