我可以從我的打印css中刪除URL嗎，所以網址不打印？

我寫了一些樣式表 - 包括一個print.css - 它工作正常。我可以從我的打印css中刪除URL嗎，所以網址不打印？

我想從每個頁面上打印輸出的URL。我開始懷疑這是不可能的。是否有一個元素/選項可以設置爲顯示：無需執行此操作？

原因在於具有「正常」和「打印」樣式表的特定頁面已被特殊格式化，所以在打印時它會形成一個有意義的小冊子。因此該URL是無關緊要的。

2010-02-03 Mark

感謝您的回覆 - 我會停止浪費我的時間！也會嘗試使URL更有意義 - 而不是長字符串和大量版本號！ - 最好的問候，馬克 – Mark 2010-02-05 11:17:30

真的需要有風格，瀏覽器可以檢查/尊重和確定頁眉或頁腳應該存在，並可能顯示每個內容。在現代世界常青的瀏覽器中，我不確定這個行業如果沒有W3（解決問題的人簡單地放棄）這樣長的時間（5-10年取決於你看的地方） – 2014-08-18 19:50:26

可能的重複[禁用瀏覽器打印選項（頁眉，頁腳，頁邊距）？]（http://stackoverflow.com/questions/1960939/disabling-browser-print-options-headers-footers-margins-from-page） – user2428118 2014-09-11 09:05:56

不幸的是，沒有。頁眉和頁腳由瀏覽器生成。只有最終用戶才能更改頁腳 - 讓用戶逐步瀏覽每個瀏覽器的內容可能是一個想法。例如參見here以獲得用於基於窗口的瀏覽器的一組所示的穿行。

我知道的唯一選擇就是生成PDF，使用它可以完全控制打印輸出。

來源

2010-02-03 15:00:29

感謝您的回覆 - 我會停止浪費我的時間！也會嘗試使URL更有意義 - 而不是長字符串和大量版本號！ - 問候，馬克 – Mark 2010-02-03 15:08:16

我想過去兩年沒有發生過這件事？ – Kimble 2012-05-22 07:27:31

@Kimble我不這麼認爲，不。 – 2012-05-22 08:07:02

如果我理解正確，那麼您將討論頁眉和頁腳。它們由瀏覽器打印。它們不是HTML內容的一部分，所以你不能直接影響它們。

向用戶展示如何在「頁面設置...」對話框中禁用頁眉和頁腳。

來源

2010-02-03 15:00:51

我假定您正在討論顯示在頁面頁腳中的URL。

如果是這樣，這是由瀏覽器設置，它不是你可以從你的代碼中做的事情。

來源

2010-02-03 15:01:07

我不確定，但是當您想要打印時，URL是由瀏覽器添加的。它不是頁面的一部分，所以不會受到CSS的影響。也許有一種方法，但它會依賴於瀏覽器。

來源

2010-02-03 15:01:35

這取決於您的網絡瀏覽器。如果您使用Firefox，您可以通過進入文件>頁面設置然後單擊頁邊距&頁眉/頁腳選項卡來調整或關閉這些頁眉和頁腳行（URL，頁碼等）。

來源

2010-02-03 15:03:21

他意味着通過打印樣式表從CSS中完成。他將不得不包括你的步驟給所有的遊客。 – Anthony 2010-02-03 15:06:51

是的，我意識到這一點。答案是否定的，你不能通過CSS來完成，它只針對瀏覽器。 – 2010-02-04 23:32:59

從瀏覽器打印頁眉和頁腳，可悲的是，瀏覽器首選項，而不是您可以設計的文檔級元素。進一步的解決方法和失望請參閱my very similar question。

來源

2010-02-03 15:05:45 Anthony

This solution將在Chrome和Opera中通過在css @page指令中將margin設置爲0來實現。它不會（當前）爲其他瀏覽器工作，但...

來源

2013-07-31 12:38:55 awe

-3

對於Internet Explorer，請轉到工具。點擊打印選項，然後設置頁面。在標題和頁腳下，使所有選項「空白」。然後它不會打印在您的打印頁面上。

我希望這會有所幫助。

來源

2013-11-14 18:56:45

在Firefox中，https://bug743252.bugzilla.mozilla.org/attachment.cgi?id=714383（查看頁面源::標記HTML）。

在您的代碼中，將<html>替換爲<html moznomarginboxes mozdisallowselectionprint>。

在其他瀏覽器中，我不知道，但你可以查看http://www.mintprintables.com/print-tips/header-footer-windows/

來源

2014-07-29 02:26:50 user3886203

值得一提的是，必須指定'<！DOCTYPE html>'。它也適用於Chrome。但是你必須使用「系統對話框」才能工作。 – Peter 2014-11-05 12:43:32

這個（更新的）答案是完全正確和正確的，並且完全是所期望的。 – Skotte 2015-04-17 20:53:03

它的工作原理非常感謝。 – smallg 2016-04-20 02:49:49

你可以在樣式表試試這個：

@page{size:auto; margin-bottom:5mm;}

但是，這也刪除了相關網頁數量

來源

2015-06-02 09:26:14 mtchuente

這工作在Chrome，但它仍然可見在IE – seabass2020 2015-11-23 19:35:27

它會不適用於'尺寸：橫向;' – 2016-10-30 04:20:38

使用該代碼有助於解決您的問題

@media print 
{ 
    @page { margin: 0; } 
    body { margin: 1.6cm; } 
}

來源

2016-02-24 07:02:36

不壞，但沒有正確處理頂部和底部邊距，當有多個頁面 – rdans 2017-11-22 13:31:32

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

來源

2016-05-05 05:50:46

從歷史上看，讓這些東西消失是不可能的，因爲它們是用戶設置，並且不被認爲是您控制的頁面的一部分。

http://css-discuss.incutio.com/wiki/Print_Stylesheets#Print_headers.2Ffooters_and_print_margins

然而，2017年，在規則的@page已標準化，可用於隱藏在現代瀏覽器頁面標題和日期：

@page {尺寸：汽車;邊距：0mm; }

感謝Vigneswaran S爲此提示。

來源

2017-10-06 11:04:13

-1

我也嘗試了一切，但最後我寫下面的代碼，使URL更短：

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

但是你需要爲用戶點擊自定義打印按鈕。

來源

2017-12-15 06:07:44

-1

這是一個瀏覽器問題。但你可以通過這些代碼來處理這個問題：

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

來源

2018-01-25 09:34:07

我可以從我的打印css中刪除URL嗎，所以網址不打印？

回答

相關問題