Question

我写了一些样式表 - 包括print.css - 它工作正常。

我想删除每个页面上打印的URL。我开始怀疑这是不可能的。是否有可以设置显示的元素/选项：无法执行此操作？

原因是具有“普通”和“打印”样式表的特定页面已经过特殊格式化，因此在打印时，它会形成一个有意义的小册子。因此，URL无关紧要。

Answer 1

在Firefox中，https://bug743252.bugzilla.mozilla.org/attachment.cgi?id=714383（查看页面源代码::标记HTML）。

在您的代码中，将<html>替换为<html moznomarginboxes mozdisallowselectionprint>。

在其他浏览器中，我不知道，但您可以查看http://www.mintprintables.com/print-tips/header-footer-windows/

Answer 2

可悲的是，没有。页眉和页脚由浏览器生成。只有最终用户才能更改页脚 - 可能需要为每个浏览器的用户提供一步一步的操作。有关基于Windows的浏览器的一组插图演练，请参阅here。

我所知道的唯一选择是生成PDF，您可以使用它完全控制打印输出。

Answer 3

使用该代码。这将有助于解决您的问题

@media print 
{
  @page { margin: 0; }
  body  { margin: 1.6cm; }
}

Answer 4

@media print 
{
  a[href]:after { content: none !important; }
  img[src]:after { content: none !important; }
}

Answer 5

你可以在样式表中试试这个：

@page{size:auto; margin-bottom:5mm;}

但这也删除了页码

Answer 6

This solution将通过在css @page指令中将margin设置为0来完成Chrome和Opera中的操作。它（目前）不适用于其他浏览器......

Answer 7

如果我理解正确，请谈谈页眉和页脚。它们由浏览器打印。它们不是HTML内容的一部分，因此您无法直接影响它们。

在«页面设置...»对话框中向用户显示如何禁用页眉和页脚。

Answer 8

令人遗憾的是，从浏览器打印的页眉和页脚是浏览器首选项，而不是您可以设置样式的文档级元素。有关进一步的变通方法和失望，请参阅my very similar question。

Answer 9

这取决于您的网络浏览器。如果您使用的是Firefox，则可以通过进入文件＆gt;来调整或关闭这些页眉和页脚行（URL，页码等）。页面设置然后点击边距＆amp;页眉/页脚标签。

Answer 10

我不确定，但是当您要打印时，浏览器会添加URL。它不是页面的一部分，因此不受CSS的影响。也许有一种方法，但它将取决于浏览器。

Answer 11

我假设您正在讨论页面页脚中显示的URL。

如果是这样，这是由浏览器设置的，并且您无法通过代码执行此操作。

Answer 12

从历史上看，不可能让这些东西消失，因为它们是用户设置而不被视为您可以控制的页面的一部分。

http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins

但是，截至2017年，@ page at-rule已经标准化，可用于在现代浏览器中隐藏页面标题和日期：

@page {size：auto;余量：0mm; }

感谢Vigneswaran S的这一提示。

Answer 13

我也尝试了所有内容，但最后我写下了代码以缩短网址：

var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);

但您需要制作一个自定义PRINT按钮供用户点击。

Answer 14

使用以下方法从页眉和页脚中删除网址

 @page { size: letter;  margin-top: 4mm;margin-bottom: 4mm }

Answer 15

现在我们可以使用以下方法做到这一点：

<style type="text/css" media="print">
@page {
    size: auto;   /* auto is the initial value */
    margin: 0;  /* this affects the margin in the printer settings */
}
</style>

来源：https://stackoverflow.com/a/14975912/1760939

Answer 16

我在浏览器端发现了一些东西。

尝试此步骤。在这里，我提到了在所有三种主要浏览器中禁用页眉和页脚的步骤。

Chrome浏览器单击浏览器右上角的“菜单”图标。单击打印。取消选中“选项”部分下的“页眉和页脚”。

Firefox单击浏览器左上角的Firefox。将鼠标置于打印上方，单击页面设置。单击页边距和页眉/页脚选项卡。将“页眉和页脚”下的每个值更改为--blank-。

Internet Explorer单击浏览器右上角的Gear图标。将鼠标放在“打印”上，然后单击“页面设置”。将“页眉和页脚”下的每个值更改为-Empty-。

Answer 17

这是一个浏览器问题。但您可以通过以下代码处理此问题：

<style type="text/css" media="print">
@media print
{
    @page {
        margin-top: 0;
        margin-bottom: 0;
    }
    body  {
        padding-top: 72px;
        padding-bottom: 72px ;
    }
}
</style>

Answer 18

对于Internet Explorer，请转到“工具”。单击打印选项，然后单击页面设置。在页眉和页脚下，将所有选项设置为“空”。然后它不会在您打印的页面上打印出来。

我希望这会有所帮助。

我可以从打印css中删除URL，因此不会打印网址吗？

18 个答案: