html - 如何创建打印友好的 HTML 页面？

Question

如何在特定 Rails View 上更改或删除我的应用程序的布局，以便让我的用户获得更愉快的打印体验？ (没有导航栏，或其他额外数据)

几个小时以来，我一直在用头撞 table ，试图解决这个问题。我试过使用 render layout: false没有成功。

我曾尝试创建如下所示的操作，但它对我也不起作用:

def print
  respond_to do |format|
    format.html { render layout: false } 
  end
end

我尝试使用以下方法链接到此操作:

<%= link_to 'Printer Friendly Version', product_path(@product), :action => 'print', target: '_new' %>

我在这里完全偏离了基地吗？我怎样才能更好地解决这个障碍？我不想使用 PDF 或 Javascript，我只想呈现打印友好的 HTML。

Answer 1

您可以像这样使用 CSS 来实现:参见 full article here.

<style type="text/css">
@media print{
  body{ background-color:#FFFFFF; background-image:none; color:#000000 }
  #ad{ display:none;}
  #leftbar{ display:none;}
  #contentarea{ width:100%;}
}
</style>

当它检测到页面正在发送到打印机时，它会使用简化的 CSS。

-- W3Schools link -- .

另见 this article :

Abstract: How to make printer friendly web pages

If your web site delivers value to your audience, chances are they are going to want to print pages out. Making sure desktop printers handle your web site well is another aspect of building a great user-experience.

This article takes a quick look at using Cascading Style Sheets to design printed web pages.