有什麼辦法可以告訴瀏覽器您的網頁是否適合打印機？

Question

我有一個打印機專用樣式表的網頁，用於確保它使用零色墨水和儘可能黑色。但是，有一個非常重要的元素不是我需要顯示的文本：由CSS保存並顯示的徽標。默認情況下，Chrome（可能是基於Chromium的瀏覽器）不會打印「背景圖形」，它是樣式錶帶入的任何顏色或圖像。 是否有任何元標記或其他此類方法可用於告訴瀏覽器我已確保該頁面對打印機友好？我試圖在<IMG>中顯示它，但證明太難定位。

我在尋找同樣的東西作爲使用<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=utf-8"/> <META CHARSET="utf-8" />告訴它我在UTF-8這樣做，或者<META PROPERTY="og:locale" CONTENT="en_US" />告訴它，這是美國英語，或<META NAME="viewport" CONTENT="initial-scale=1.0, user-scalable=no" />告訴它，這是一個適合移動設備的網站。我認爲所有這些都不需要做出假設，我希望在那裏有一個打印機友好標籤。

Answer 1

不，沒有辦法告訴瀏覽器您的網頁是適合打印機的。如果有的話，它幾乎沒有任何影響，如果有的話，它可能會被濫用。這與例如您描述的標籤表示一個「適合移動設備的網站」，它只會抑制默認縮放比例（並防止用戶可伸縮性，這對任何人都不友好）。

你可以做的是指定某些樣式表僅適用於打印介質。但這只是限制了他們對印刷媒體的影響。

您也可以使用<link rel="alternate" media="print" href="...">指定要打印的頁面的替代版本。但是，這至多會導致在打印頁面時使用該版本。

如果你真的打算問如何強制一個用CSS實現的背景圖像來打印，那麼答案就是你不能。只要將其製作爲內容圖像即可。您可以通過使用JavaScript動態更改DOM，以便在打印之前將新的img元素添加到DOM;但在通常情況下，包含一個靜態的img元素就簡單多了。