问题标签 [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.

0 投票
2 回答
886 浏览

javascript - HTML,可打印的超链接引用,如目录

HTML 文档中的链接通常是可点击的。但是,在打印页面上,该功能自然是不可用的。

单击屏幕上的“链接到 foo”会将页面滚动到正确的位置。如果打印此文档,有没有办法参考页码?我想做

使其打印页码而不是带下划线的文本“链接到 foo”。

这是否可能,使用 HTML 4 或 5、XHTML、CSS 2 或 3,或者可能借助一些花哨的 javascript?

0 投票
1 回答
147 浏览

css - 维护打印 CSS 样式表文件

您通常如何处理屏幕和打印 CSS 文件的更改?我通常有一个屏幕 CSS 和一个打印 CSS 文件,并且在大多数情况下,我会将屏幕 CSS 的内容复制到打印 CSS 文件,然后修改一些属性、类或 id,也许将一些 display:none 设置为某些类等。

问题是,在开发网站或 Web 应用程序时,我对屏幕 CSS 进行了大量更改,通常会忘记打印 CSS,然后我必须不时同步它们,我只是认为这不是最佳方式。

0 投票
2 回答
924 浏览

asp.net - IE7、IE8打印网页失败

这听起来像是超级用户的问题,但我写了有问题的页面,我想知道是否有什么办法可以解决这个问题......

我有一个生产页面,可以简单地在一堆表中显示数据。我们的员工基本上会去这个页面打印一张表格,上面有我们为他们填写的客户信息。今天,对于特定客户,该页面未打印。我尝试在 Windows XP 和 Windows 7 上使用 IE 7 和 8 以及 Chrome 进行打印。此客户端的数据绝不会使页面更长或包含比其他客户端更多的数据。

症状:

  • 不在 WinXP 和 Windows 7 上使用 IE8 或 IE7 打印。
  • 使用 Chrome 打印。
  • 就实际网页而言,要打印的页面显示良好......它可以滚动,没有错误,并且页面似乎没有任何问题。
  • 使用 IE 打印时,文档只是假脱机而没有实际打印出来……我最终从打印机窗口中取消了文档。
  • 查看打印预览时会显示第一页,但是当我们尝试在打印预览中转到第二页时,IE 会锁定。
  • 这不会发生在每个客户身上,但是当它发生时,它可以被复制。

  • 该页面很长,并且包含客户信息,这使我无法为你们复制和粘贴标记。我希望其他人在 IE 中遇到过类似的问题并有一些建议。

    注意:不允许用户使用其他浏览器,请保存IE flamming。

    0 投票
    4 回答
    84 浏览

    html - 如何使网页中的元素不被打印?

    我为我们公司网站上的条目制作了一个简单的“打印版”。但是,我需要添加一个返回网站的按钮/链接,因为据称,我们的许多客户不会考虑使用后退按钮(事实上,这可能有一些道理——因为他们不停地发电子邮件,索要一个条目的价目表,实际上在描述中用大的下划线字母清楚地链接到该条目)

    好的,这一切都很好而且很花哨 - 但是,我可以做任何事情来使该元素不被打印吗?

    0 投票
    2 回答
    4189 浏览

    javascript - javascript / jquery 的最佳浏览器打印库、插件或片段是什么?

    我正在尝试打印网页的一部分,并且有多个 css 文件,其中一些文件有助于“打印”媒体类型。我见过的一些插件假设你只有一个 media="print" css 文件,这就是它所需要的。我看过 PrintArea 和 jsprint,对它们中的任何一个都不是很满意,我相信我可以调整它们以获得我需要的东西,但我希望那里有一个更好的库,我还没有发现。

    0 投票
    3 回答
    5801 浏览

    css - 使用 CSS 强制打印分页符

    我有一个页面,基本上显示给定日期的所有工作订单。我试图创建 HTML,以便可以使用 page-break-after: 始终创建逻辑打印分页符并继续。但是,当用户打印页面时,通常会出现重叠、同一页面上的多个工作订单等。我只是想强制执行 Firefox、Safari 和 Chrome 会听的硬分页符。

    我的 HTML 看起来像这样

    我的CSS基本上是这样的:

    编辑 在一次骇人听闻的尝试中,我尝试设置 WOPrint 类的最小高度。当我将其设置为标准的美国纸张尺寸时,将其更改为 9 英寸似乎为我提供了足够的边距空间来从所有 Safari、Firefox 和 Chrome 进行打印。这当然不是我想要修复它的方式,但我也不想渲染为 PDF。

    0 投票
    1 回答
    283 浏览

    firefox - Use css or javascript to prevent the url from being printed when the webpage is printed?

    In terms of browsers, I have in mind Firefox and Chrome.

    I have a webpage that users typically print. I would like to suppress the url (or, ideally, the entire header and footer) from being printed, regardless of the print settings/page setup the user has specified. Is this possible?

    0 投票
    3 回答
    3928 浏览

    html - 用于打印的两列布局

    我有一个包含大量文字的网站。为了使它在打印时更具可读性,我想创建一个分页的两列布局,也就是说,我希望每页两列,第一列的文本应该换行到第二列,然后从那到下一页(而不是将两个非常高的列切割成页面):

    有人有一个可行的例子吗?

    0 投票
    1 回答
    927 浏览

    .net - 在 .NET 中打印 HTML 表格,并在每页的开头使用表格标题

    我想打印一个我自己生成的 HTML 文件,但我希望页面在每个页面的开头都有相同的表头。

    我认为打印 HTML 文件的最佳选择是 webbrowser 控件?但这不会在每页的开头给出表头(我将不得不与每页顶部的丑陋 file://c:\temp\file.htm 等抗衡)

    我想我可以使用打印文档控件,但我必须手动添加表格行并计算填充等。

    0 投票
    5 回答
    16701 浏览

    jquery - 使用 CSS 和/或 jQuery 打印带有分页符的页面

    我有一个动态生成的 html 页面,旨在打印。

    我想根据 div 部分创建分页符 - 任何给定的 div - 如果它不完全适合页面,请在它之前插入一个分页符。

    从理论上讲,从单个 div 到最多 10 个的任何地方都可能适合单个打印页面,所以我想我需要在页面加载后使用 jQuery 来插入。

    如果这是一个桌面应用程序,我会这样处理它:

    1. 测量页面宽度和高度(使用某种打印机对象)。
    2. 测量每个 div 高度 - 并从页面总剩余高度中减去
    3. if ( remaining_space - div_height > 0 ) { // 放到页面上 } else { // 先插入分页符 }

    有什么方法可以使用 jQuery、CSS、原始 JavaScript 或其他任何东西,让我遇到这种情况?