首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在打印网页时删除页面标题和日期(使用CSS?)

在打印网页时删除页面标题和日期(使用CSS?)
EN

Stack Overflow用户
提问于 2010-04-04 04:56:07
回答 10查看 128.6K关注 0票数 76

默认情况下,当您打印网页时,页面标题URL将打印在页面的顶部,同样,datetime也会打印在底部。

通过页面设置菜单( Internet Exp中的“文件”)打印时,可以删除此附加内容。

有谁知道通过CSS或javascript实现这一点的方法吗?

EN

回答 10

Stack Overflow用户

回答已采纳

发布于 2010-04-04 05:00:52

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

然而,截至2017年,在先已经标准化,可以在现代浏览器中隐藏页面标题和日期:

代码语言:javascript
运行
复制
@page { size: auto;  margin: 0mm; }

打印页眉/页脚和打印边距 打印Web文档时,将在浏览器的“页面设置(或打印设置)”对话框中设置页边距。这些边距设置虽然在浏览器中设置,但控制在操作系统/打印机驱动程序级别,在HTML/CSS/DOM级别上是不可控制的。(有关CSS控制的打印页面标题和页脚,请参见打印页眉。) 设置必须足够大,以涵盖打印机的物理非打印区域。此外,它们必须足够大以包含浏览器通常被配置为打印的页眉和页脚(通常是页面标题、页码、URL和日期)。请注意,这些头和页脚虽然由浏览器指定,通常通过用户首选项进行配置,但并不是网页本身的一部分,因此不能由CSS控制。在CSS术语中,它们不属于Page CSS2.1第13.2节。

..。也就是说,将页边距设置为0会隐藏页面标题,因为标题是在页边距中打印的。

这一技巧归功于维涅斯瓦兰S

票数 129
EN

Stack Overflow用户

发布于 2015-09-24 11:54:25

很简单。就用css吧。

代码语言:javascript
运行
复制
<style>
@page { size: auto;  margin: 0mm; }
</style>
票数 57
EN

Stack Overflow用户

发布于 2013-09-23 13:43:35

页面标题的可能解决方法:

  • 提供打印按钮,
  • 捕捉onclick事件,
  • 使用javascript更改页面标题,
  • 然后也通过javascript执行print命令。

document.title = "Print page title"; window.print();

这应该适用于每个浏览器。

票数 24
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2573603

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档