javascript - 如何打印已被 javascript 更改的页面？

Question

这是一个screenshot我所拥有的。

用户可以通过删除元素、添加元素或单击元素以将其划掉来更改页面。我希望用户能够打印他们用 javascript 更改过的页面。据我了解，为了让用户打印，您需要创建一个具有不同样式表设置的单独文件。

我正在使用 Rails 4，我想我会使用 this为用户创建 PDF。

1) 我不知道如何生成删除、添加和划掉正确内容的文档。

2) 我不确定如何生成没有导航之类的文档(因为打印出的列表不需要导航)。我在考虑用 CSS 隐藏它。

Answer 1

1) 客户所做的更改是客户端的？在这种情况下，跟踪所有用户更改，当用户点击“打印”时，将所有这些更改作为参数发送到 Rails，这样您就可以呈现要从 Rails 操作中打印的正确信息。

但通常，在 rails/javascript 应用程序上，当用户在客户端使用 javascript 执行不同的操作时，它会调用一些 ajax 代码来通知 rails 应用程序有关更改的信息，因此您可以将新状态存储在rails 数据库，因此用户可以稍后重新加载状态。您还可以将应用程序的状态存储在 session 或临时缓存中。

2) 当我想自定义用户正在打印的内容时，这正是我所做的，我隐藏了我不想打印的类，在 html 上，当包含 css 时，你告诉浏览器css 应该通过包含媒体打印品应用于打印文档，例如:

stylesheet_link_tag "my_style", media: "print"

然而，在这种情况下，您没有使用浏览器打印功能，据我从您的问题中了解到，您将生成一个 pdf，因此，您将结束从 rails 渲染 View ，您可以添加一个参数让 View 知道它将为打印而呈现(这样您就可以绘制自定义 css 或只是避免呈现导航栏)，或者您可以使用自定义代码/ View 调用不同的操作来生成 pdf。