Printing 打印修改后的网页而不显示它

我正在尝试在电子商务产品页面上实现“打印此页面”。它将没有像顶部导航，页脚，添加到购物车按钮等不必要的部分。我希望它像target.com一样工作

---

如果您试图打印它，则只打印基本内容。我不知道如何实现它。我应该创建产品页面的修改版本并打印它，而不向用户显示它吗？请告知。

您可以设置一个自定义CSS页面，该页面的页眉、导航、页脚或任何您喜欢隐藏的内容。因此，当用户单击“打印”时，web浏览器会查看打印CSS并按照您希望的方式进行操作

例如：

在HTML中

<link href="/css/main.css" rel="stylesheet" type="text/css">
<link href="/css/print.css" rel="stylesheet" type="text/css" media="print">

在print.CSS的CSS中，它可以看起来像

header { display: none; }
nav { display: none; }
footer { display: none; }

---

基本上，复制你正在使用的CSS，只需设置display:none；您不希望打印的内容。

请注意，为主样式表设置

media=“screen”

将意味着您的“正常”样式将不会应用于打印的页面。请记住，我的坏…：）修好了

header { display: none; }
nav { display: none; }
footer { display: none; }