如何从打印页面中删除URL?

92 html printing footer

我想删除页面底部打印的URL.

喜欢:

yomari.com/.../main.php?sen_n
Run Code Online (Sandbox Code Playgroud)

如何省略或防止打印?

更具体地说,在打印网页时,有什么方法可以防止打印页面URL,日期和页面标题?

Cha*_*mal 110

以下代码示例将适合您,

<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>
Run Code Online (Sandbox Code Playgroud)

请参阅从页面禁用浏览器打印选项(页眉,页脚,页边距)的答案

@page的规范

  • 如何只删除页脚中的网址而不删除页码? (3认同)
  • 在Firefox 20.0上,这不会从打印预览中删除URL (2认同)
  • Firefox解决方案:http://stackoverflow.com/questions/2192806/can-i-remove-the-url-from-my-print-css-so-the-web-address-doesnt-print#answer-25007332 (2认同)
  • 这实际上**在我的Firefox 50 @MirzhanIrkegulov上工作** (2认同)

小智 35

我在浏览器方面找到了一些东西.

尝试这个步骤.在这里我已经提到了在所有三个主要浏览器中禁用页眉和页脚的步骤.

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

Firefox 单击浏览器左上角的Firefox.将鼠标悬停在"打印"上,单击"页面设置".单击边距和页眉/页脚选项卡.将页眉和页脚下的每个值更改为--blank--.

Internet Explorer 单击浏览器右上角的齿轮图标.将鼠标放在"打印"上,然后单击"页面设置".将页眉和页脚下的每个值更改为-Empty-.


Row*_*haw 18

让URL显示是浏览器客户端首选项,页面中运行的脚本无法访问(让我们面对它,页面也无法自行打印).

为避免通过查询字符串"泄漏"信息,您可以通过POST提交

  • 我没有说它是加密的东西 - 它确实从URL中删除了查询参数,这是一个请求的缓解因素 (4认同)

小智 8

我告诉你关于Mozilla Firefox的事情(我希望它在其他浏览器中也应该是这样的).

单击" Firefox"菜单,"转到打印"," 打印"子菜单中的" 选择页面设置".屏幕上会出现一个弹出窗口,其中会显示"Margin&Header/Footer" 选项卡.

在打印之前根据要求为页眉/页脚选择"BLANK".您可以查看预览确认.

我希望这将有所帮助.


小智 8

如果使用页眉下方的代码设置页面的页边距,则打印页面中将省略页脚.我在FireFox和Chrome中测试了这个.

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>
Run Code Online (Sandbox Code Playgroud)

  • 请注意,这会删除 Firefox 中页面之间的边距。示例:https://i.imgur.com/krDlC1K.png (2认同)

小智 8

浏览器问题,但可以通过以下方式解决:

<style type="text/css" media="print">
      @media print
      {
         @page {
           margin-top: 0;
           margin-bottom: 0;
         }
         body  {
           padding-top: 72px;
           padding-bottom: 72px ;
         }
      } 
</style>
Run Code Online (Sandbox Code Playgroud)


Jam*_*ang 5

现在,您可以history API在打印之前修改 URL,然后再改回来:

var curURL = window.location.href;
history.replaceState(history.state, '', '/');
window.print();
history.replaceState(history.state, '', curURL);
Run Code Online (Sandbox Code Playgroud)

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


小智 5

这对我有帮助: 打印没有链接的页面

@media print {
    a[href]:after {
        content: none !important;
    }
}
Run Code Online (Sandbox Code Playgroud)