禁用页面中的浏览器打印选项(页眉、页脚、页边距)？我在so和其他几个网站上看到过以几种不同的方式问这个问题，但它们中的大多数要么过于具体，要么过时了。我希望有人能在这里提供一个明确的答案，而不迎合猜测。当有人在浏览器中打印时，是否有一种使用CSS或javascript更改默认打印机设置的方法？当然，我所说的“他们浏览器上的打印”指的是某种形式的HTML，而不是PDF或其他依赖插件的MIME类型。请注意：如果有些浏览器提供此功能，而其他浏览器则不提供此功能(或者您只知道如何为某些浏览器提供此功能)，我欢迎浏览器特定的解决方案。同样，如果您知道主流浏览器对此有特定的限制，这也是有帮助的，但一些相当最新的文档将不胜感激。(仅仅说“这违反了XYZ的安全策略”，当XYZ在过去三年中对该策略进行了重大更改时，它就不太有说服力了)。最后，当我说“更改默认打印设置”时，我并不是指永久的，只针对我的页面，我指的是打印页边距、页眉和页脚。我非常清楚CSS提供了改变页面方向和页边距的选项。火狐是众多困难之一。如果我将页边距设置为1英寸，它会将其添加到它已经放置的半英寸。我非常想减少PDF在我客户的网站上的使用，但是他们主要关心的是对演示的侵犯(以及缺乏可靠性)。
3 回答
米脂
TA贡献1836条经验 获得超3个赞
任何最新版本的Chrome和Opera，以及 Firefox 48 alpha 1及更高版本
@page {
size: auto; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
}
html {
background-color: #FFFFFF;
margin: 0px; /* this affects the margin on the HTML before sending to printer */
}
body {
border: solid 1px blue;
margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
}
<ol>
<li>
<a href="data:,No Javascript :-(" target="_blank">Middle-click to open in new tab</a>
</li>
<li>
<a href="javascript:print()">Print</a>
</li>
</ol><!-- Hack to work around stack snippet restrictions --><script type=application/javascript>document.links[0].href="data:text/html;charset=utf-8,"+encodeURIComponent('<!doctype html>'+document.documentElement.outerHTML)</script>
火狐版本 可达 48α1
mozNoMarginBoxes<html>
mozDisallowSelectionPrint
其他浏览器
@page
偶然的你
TA贡献1841条经验 获得超3个赞
<head><style type="text/css" media="print">
@page
{
size: auto; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
}
body
{
background-color:#FFFFFF;
border: solid 1px black ;
margin: 0px; /* this affects the margin on the content before sending to printer */
}</style></head>添加回答
举报
0/150
提交
取消