问题标签 [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 投票
0 回答
139 浏览

javascript - 打印body标签的css时留下边框

我正在尝试为身体标签打印一个带有边框的身体......但问题是它没有触及纸张的顶部和底部......我删除了填充但仍然无法正常工作......提供我的代码以下....

http://jsfiddle.net/jjnKP/embedded/result/

0 投票
1 回答
1895 浏览

c# - C# Windows 服务 > 呈现网页并输出为 PDF

我不知所措,可以使用一些方向。我有一个对客户执行审计的 Windows 服务。对于新客户,我需要为每个客户创建一个配置文件。我已经有一个 ASP.net C# 网页,它为用户显示了一个客户资料:

我想在服务中运行某种类型的循环,以呈现每个新客户的个人资料并将所有这些个人资料输出到 PDF、Word 文档等中。有没有一种简单的方法可以使用现有的 Show Profile 网页来做到这一点?

如果不是,那么在 C# 中执行此操作的最佳方法是什么?如果它需要一个组件,我更喜欢免费的东西而不是非常便宜的东西。如果有什么可以提供帮助的话,我目前拥有 Telerik 完整工具系列的许可证。最重要的是,这必须以编程方式完成,因为用户与生成/导出到 PDF 无关。他们只会访问生成的导出文件。

在此先感谢您的帮助。

0 投票
1 回答
75 浏览

.net - 浏览器在包含谷歌地图的特定页面上的所有浏览器中打印为空

我有一个项目,其中一个页面导致问题。正如标题所说,从浏览器打印功能打印此页面时,仅显示顶部和标题的信息,所有内容都是空的。

该页面有几个选项卡(使用 Telerik RadTabStrip 和 RadMultiPage),带有各种 Web 用户控件。其中一个控件包含使用 Google Map Api 的地图,当被注释掉时可以解决问题。

任何人都确切知道导致此问题的 Api 中的什么,以及如何解决它?

0 投票
1 回答
1289 浏览

css - 在新行上打印内联元素

我有以下代码:

外部 div 是 display:block,所有内部 div 都是 display:inline。在浏览器中,它们都显示在同一行,如下所示:

当我去打印它时,4 个 div 显示在单独的行上,如下所示:

我很难弄清楚如何让 4 个内部 div 在同一行上打印。

0 投票
3 回答
30738 浏览

twitter-bootstrap - 使用引导 css 打印

我有一个带有引导 css 布局的页面。我正在尝试打印一张桌子。然而,表格看起来与屏幕上的完全不同。我包括这样的css文件:

有没有办法让打印的表格看起来与屏幕上的一样,或者我是否必须为我要打印的表格创建一个特定的 css 文件?

0 投票
1 回答
1806 浏览

javascript - 使用 Geoext + GeoServer 的 PrintMap

我正在尝试使用 GeoEXT 和 geoserver 打印地图我成功地显示了打印面板,但是当我单击打印按钮时出现此错误:

我知道它太长了,但我不知道问题出在哪里,当我尝试到达 MapBlock.java 第 79 行时,我没有 atteched 源(未找到),我的 html 页面是:

0 投票
1 回答
566 浏览

css - 如何管理 Twitter Bootstrap 的“row”和“span(X)”等类以在 @media print 上工作?

我需要在我的网站上打印网页,我想知道如何使BootstraprowspanX类工作,以便我可以轻松管理打印页面的内容。

例如:

<div class="row-fluid">
<div class="span12">
<strong>Some stuff</strong>
</div>
</div>

<div class="row-fluid">
<div class="span6 offset6">
<strong>Some stuff</strong>
</div>
</div>

调用时看起来完全一样window.print()

在上面的例子中,<strong>Some stuff</strong>没有被offset6.

我做了两件事:

  • 取自和 的所有@media print代码;bootstrap.cssbootstrapresponsive.css

  • 更改mediaall
    <link rel="stylesheet" type="text/css" href="/path/css/bstrapmin.css" media="screen" />

    <link rel="stylesheet" type="text/css" href="/path/css/bstrapmin.css" media="all" />

通过这些更改,页眉、页脚和引导(原始)字体已出现在打印页面上,但仍然没有来自/类的影响。

谢谢。

0 投票
0 回答
89 浏览

javascript - 在显示任何打印预览之前,如何在用户启动打印时触发 JS 代码

我有一个相当大的页面,大量使用 MathJax 排版公式和 53 个交互式画布图表。为了不锁定所有内容,MathJax 异步进行排版,并且出于类似目的,我确保仅在用户将画布图滚动到视图中时才实际加载它们 - 这很好用,除了它使页面(贝塞尔曲线入门数学和实现)很难打印:如果用户在 MathJax 完成之前点击打印,公式将根本不存在,即使 MathJax 完成,除非用户滚动整个图表,否则大多数图表实际上不会有任何内容页。我涓流加载剩余的画布元素,以便每 5 秒加载一次“下一个”画布,

可悲的是,这是 print.css 文件无法解决的问题,所以我试图找出当用户启动打印命令时是否有 JavaScript 处理程序触发,以便我可以确保完成 MathJax 和所有画布在浏览器尝试实际打印或打印预览页面之前,图表会被强制加载。

我发现了这个http://www.danolsavsky.com/article-intercepting-print-requests-with-javascript.html,这似乎很有希望,但实际上在 Chrome、Firefox 或 IE 中似乎并没有做太多的事情,所有其中在实际打印之前会弹出打印预览。

有没有办法在打印(预览)之前运行一些 JS?

0 投票
2 回答
156 浏览

php - 如何在每 N 秒内显示单独的 iframe?

我已经阅读了一些帖子并在询问之前做了一些研究,是否有任何重复的帖子对此感到抱歉。

这有点类似于这个问题,但我不希望网页继续循环,我希望网页分别显示在每个 iframe 中。我想每隔 N 秒显示一些带有 iframe 的网站,预期的结果就像下面的命令代码:

当我尝试使用 php 进行操作时,我使用了以下代码:

如何避免这些页面同时显示?

0 投票
1 回答
1073 浏览

html - 文本周围的白色边框覆盖背景颜色

我正在处理一组需要打印的 HTML 报告。屏幕上看起来一切正常,但是在打印页面时,所有文本元素都会被一个白框包围。

这是屏幕上页面的屏幕截图:
屏幕上页面的屏幕截图

这是使用系统打印对话框打印的 PDF 的屏幕截图:
使用系统打印对话框打印的 PDF 的屏幕截图

这是HTML:

这是CSS:

这些页面在 node-webkit 应用程序中运行。