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

时间:2009-02-25 09:09:30

标签: html printing footer

我想删除页面底部打印的网址。

像:

yomari.com/.../main.php?sen_n

如何省略或阻止打印?

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

24 个答案:

答案 0 :(得分:99)

以下代码示例适合您,

<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>

查看Disabling browser print options (headers, footers, margins) from page?

上的答案

specification of the @page

答案 1 :(得分:33)

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

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

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

<强>火狐 单击浏览器左上角的Firefox。 将鼠标悬停在“打印”上,单击“页面设置”。 点击边距&amp;页眉/页脚选项卡。 更改Headers&amp;中的每个值。页脚--blank - 。

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

答案 2 :(得分:18)

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

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

答案 3 :(得分:8)

我告诉你有关Mozilla Firefox的信息(我希望它在其他浏览器中应该也是这样)。

点击 Firefox菜单,转到打印,从打印的子菜单中选择页面设置。屏幕上会出现一个弹出窗口,转到“边距和页眉/页脚”标签。

在打印前根据要求选择“BLANK”作为页眉/页脚。您可以查看预览确认。

我希望这会有所帮助。

答案 4 :(得分:6)

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

<style media="print">
 @page {
  size: auto;
  margin: 0;
       }
</style>

答案 5 :(得分:3)

我认为您希望在打印时删除页面上显示的页面链接。正确答案是您要搜索的...

<style>
@media print  
{
a[href]:after {
content: none !important;
 }
@page {
margin-top: 0;
margin-bottom: 0;
}
 body{
padding-top: 72px;
padding-bottom: 72px ;
}
}
</style>

See Live Example on Print, Page is On Blogger

答案 6 :(得分:3)

这对我有所帮助: Print page without links

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

答案 7 :(得分:3)

您可以通过浏览器设置删除打印文档上显示的网址。您只需点击文件 - &gt;页面设置 - &gt;页眉和页脚将所有内容设置为空白。如果您有,则只需删除&amp; U从页脚textbox.hopefully这将帮助你

答案 8 :(得分:2)

我不知道您是在谈论实际图形中的页脚还是浏览器中的打印过程所处的URL。

如果它的网址是打印过程真的由浏览器完成,如果他有一个功能可以关闭它。

如果它的页脚信息我建议使用打印样式表并在该样式表中进行

display: none;

对于页脚的特定ID或类。

要执行打印样式表,您需要将其添加到头部。

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

答案 9 :(得分:2)

这对于使用jquery的我来说很好用

    .link {
            stroke: #000;
            stroke-width: 1.5px;
        }

    .node {
        stroke-width: 1.5px;
    }

    text {
          font-family: sans-serif;
          font-size: 10px;
          fill: #000000;
        }

答案 10 :(得分:1)

在谷歌浏览器中,这可以通过将边距设置为0,或者如果它打印出时髦,然后将其调整到足以将不需要的文本推送到页面的不可打印区域来完成。我试了一下它的确有效:D

enter image description here

答案 11 :(得分:1)

如今,您可以在打印前使用history API修改网址,然后再更改:

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

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

答案 12 :(得分:0)

在Chrome 57上,如果您可以控制需要打印的HTML页面(在我的情况下我需要打印一个小的3x1英寸标签),以下内容对我有用:

  • 从标题中删除HTML标题元素(暂时使用jquery,如果该页面不需要标题,则永久删除)
  • 如@Chamika Sandamal所述,将@page边距设置为0

这导致打印的页面只包含正文,没有URL,没有页面等等。

答案 13 :(得分:0)

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

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

答案 14 :(得分:0)

import React from "react";
import axios from "axios";

function Question(props) {
  this.state = { questionNumber: 0 };
  let style = {
    margin: "5px"
  };
  clickHandler = () => {};

  return (
    <div className="Question">
      <h4>{props.question}</h4>
      <ul>
        {props.choices.map((c, i) => (
          <button style={style} clickHandler={this.clickHandler}>
            {c.choice}
          </button>
        ))}
      </ul>
    </div>
  );
}

class QuizApp extends React.Component {
  constructor(props) {
    super(props);
    this.state = { questions: [], choices: [] };
  }

  componentDidMount() {
    axios
      .get(
        "https://private-anon-c06008d89c-quizmasters.apiary-mock.com/questions"
      )
      .then(response => {
        this.setState({ questions: response.data });
      });
  }

  render() {
    return <div>{this.state.questions.map(q => new Question(q))}</div>;
  }
}

答案 15 :(得分:0)

我有同样的问题。我想知道是否可以通过jquery插件创建HTML进行打印:http://www.recoding.it/?p=138

然后将HTML发送到php脚本(使用ajax调用),生成带有http://www.xhtml2pdf.com/http://code.google.com/p/wkhtmltopdf/的pdf。

之后可以显示pdf(通过设置适当的内容类型和直接渲染)或通过http-Redirect显示到生成的pdf。

pfd_for_printing-folder中生成的pdf可以作为缓存,每天被作业删除一次。

答案 16 :(得分:0)

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

答案 17 :(得分:0)

这将是最简单的解决方案。我尝试了Internet上的大多数解决方案,但这仅对我有所帮助。

@print {
    @page :footer {
        display: none
    }

    @page :header {
        display: none
    }
}

答案 18 :(得分:0)

我同意大多数答案,说它是一个浏览器设置,但你仍然可以通过COM实现你想要的。请记住,大多数浏览器仍然会遇到问题,甚至IE也会向用户提升COM安全条。因此,除非你在组织内部提供的不是它,否则不要这样做。

答案 19 :(得分:0)

Chrome headless 现在支持一个额外的选项 --print-to-pdf-no-header,可以从打印的 PDF 文件中删除页眉和页脚

答案 20 :(得分:-1)

我有一个技巧可以从Firefox的打印页面中删除它。使用此:

<html moznomarginboxes mozdisallowselectionprint>

在html标记中,您必须使用moznomarginboxes mozdisallowselectionprint。我相信它会对你有所帮助。

答案 21 :(得分:-1)

也许你可以试试chrome(也可能是Safari)

网址&amp;标题和页面中的页码当我使用谷歌浏览器在OSX上打印到pdf时,页脚不可见。

很抱歉不确定这是否适用于Windows

答案 22 :(得分:-2)

@media print {
    #Header, #Footer { display: none !important; }
}

选中此link

答案 23 :(得分:-3)

好吧,我上下搜索,因为我需要我和我的项目的答案,并得出结论,实际上,无论你在网址中显示什么信息,都要注意:

if (!$_SESSION["valid_user"]) 

所以,即使有人只是从你打印的页面输入确切的地址,他也会得到....登录页面:)