印刷プレビューに画像が表示されない - Chrome

印刷プレビューに画像が表示されない - Chrome

Windows 7 を使用しています。Chrome ブラウザ (バージョン 36.0.1985.125m 以降) の印刷プレビューに写真 (画像) が表示されません。マップは正常に動作します。サンプルを添付しました。これは Chrome だけで発生します。

注: CTRL + P でも正常に動作します。

アドバイスをお願いします。

ここに画像の説明を入力してください

答え1

Ctrl+p を押すか、Chrome で印刷した後、Background colors and imagesの下のチェックボックスを選択しますOptions

ここに画像の説明を入力してください

答え2

非常に簡単な解決策は次のとおりです (Firefox と Chrome/Chromium で動作します)。

新しいタブを開きます。

data:text/html, <html contenteditable>

アドレスバーに。

ブラウザをテキストエディタとして使用できます。タブをブックマークとして保存することをお勧めします(https://www.schieb.de/720201/firefox-oder-chrome-als-text-editor-benutzen)。

次に、保存したいページ全体をエディター ページにコピーします。テキストとともにすべての画像がコピーされます。その後、エディター ページからページを (.pdf ファイルとして) 印刷するのは非常に簡単です。

答え3

特にdocument.writeを使用する場合は、印刷コマンドを発行する前に画像がキャッシュされていることを確認してください。

Chrome でこの問題を回避する最も簡単な方法は、印刷したいページにこれを追加することでした:

<div><img src="image_that_does_not_show_in_preview.png" style="display:none;"/></div>

これにより、画像がキャッシュされ、Chrome の印刷プレビュー ダイアログに表示されるようになります。

答え4

CSS を使用して、画像に表示スタイルを適用します。インラインまたは印刷プレビューの適用がdisplay:none;上書きされるほど具体的に適用します。

要素style="display:block;"に追加する<img [insert style here] src"/i-am-an-image.jpg"/>

これで解決しました。お役に立てれば幸いです

関連情報