亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

禁用頁面中的瀏覽器打印選項(頁眉、頁腳、頁邊距)?

禁用頁面中的瀏覽器打印選項(頁眉、頁腳、頁邊距)?

千萬里不及你 2019-07-03 14:21:18
禁用頁面中的瀏覽器打印選項(頁眉、頁腳、頁邊距)?我在so和其他幾個網站上看到過以幾種不同的方式問這個問題,但它們中的大多數要么過于具體,要么過時了。我希望有人能在這里提供一個明確的答案,而不迎合猜測。當有人在瀏覽器中打印時,是否有一種使用CSS或javascript更改默認打印機設置的方法?當然,我所說的“他們瀏覽器上的打印”指的是某種形式的HTML,而不是PDF或其他依賴插件的MIME類型。請注意:如果有些瀏覽器提供此功能,而其他瀏覽器則不提供此功能(或者您只知道如何為某些瀏覽器提供此功能),我歡迎瀏覽器特定的解決方案。同樣,如果您知道主流瀏覽器對此有特定的限制,這也是有幫助的,但一些相當最新的文檔將不勝感激。(僅僅說“這違反了XYZ的安全策略”,當XYZ在過去三年中對該策略進行了重大更改時,它就不太有說服力了)。最后,當我說“更改默認打印設置”時,我并不是指永久的,只針對我的頁面,我指的是打印頁邊距、頁眉和頁腳。我非常清楚CSS提供了改變頁面方向和頁邊距的選項?;鸷潜姸嗬щy之一。如果我將頁邊距設置為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>標記,以防止URL、頁碼和Firefox添加到頁邊距的其他內容被打印出來。

它正在Firefox 29和更高版本中工作。你可以在這里看到一個屏幕截圖。,或下面是一個活生生的例子。

注意,mozDisallowSelectionPrint示例中的屬性是需要從頁邊距中刪除文本;請參見PDF.js中的mozdislowselectionprint屬性是做什么的?.

其他瀏覽器

不幸的是,在InternetExplorer中似乎無法解決這個問題,因此您將不得不求助于PDF或要求用戶禁用頁邊距文本。

Safari也是如此。@Luiz Perez,最新版本的Safari(8、9.1和10)仍然不支持@page用于壓制保證金文本。

我在Edge上找不到任何東西,也沒有Windows 10安裝可供測試。


查看完整回答
反對 回復 2019-07-03
?
偶然的你

TA貢獻1841條經驗 獲得超3個贊

這是解決方案,這是確認在Chrome!

只需確保這是在頭部標簽內:

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


查看完整回答
反對 回復 2019-07-03
  • 3 回答
  • 0 關注
  • 1762 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號