打印包含 Javascript 的页面 [重复]答案

【问题标题】：Print page containing Javascript [duplicate]打印包含 Javascript 的页面 [重复]
【发布时间】：2013-08-14 10:35:31
【问题描述】：

我遇到了很大的问题。我有一个页面 (http://centralsirescoop.com/proven-sires/cairnbrae-jaces-elton/index.php)，它使用 javascript 使绿色条根据旁边表格中的数据调整它们的长度。一切都很好，但是当我去打印页面时，条不显示。

我如何去打印页面呈现的 javascript？

谢谢。

【问题讨论】：

嗨，JavaScript 似乎什么也没做
你能在服务器端创建它们吗？

标签： javascript

【解决方案1】：

在打印选项中启用背景颜色和图像选项，这将使这些条被打印出来。

默认不打印背景色和图片

【讨论】：

这很有意义！ Javascript 正在运行，只是没有显示背景颜色。非常感谢！

【解决方案2】：

嗨，当您停用 JavaScript 并重新加载页面时，页面看起来就像未停用 javascript 时一样。那么，当您暂时删除除 content-div 之外的所有内容时，这可能是一个 css 问题吗？但这只是猜测。

建议一：打印网站上的所有内容，而不仅仅是 div。

建议二：您可以打开一个新窗口并将 div 的所有内容放入新窗口中。

function openElementPrintWindow(element){
    var strWindowFeatures = "menubar=yes,location=yes,resizable=yes,scrollbars=yes,status=yes";
    win = open('SIDE-URL','Print Content',strWindowFeatures);
    win.onload = function(){
      win.document.body.innerHTML = element.innerHTML;
      win.print();
    };
}

最重要的部分是 SIDE-URL 必须引用在 css 适合窗口获取的内容 (div) 的一侧（代码：win.document.body.innerHTML = ...）。

希望这会有所帮助。

【讨论】：