☰

图像未显示在打印预览中 - Chrome

tag-icon • tag-icon windows-7 google-chrome print-preview
图像未显示在打印预览中 - Chrome

使用 Windows 7。照片（图像）未显示在 Chrome 浏览器的打印预览中 - 版本 36.0.1985.125m 及以上。地图运行正常。我已附上示例。这种情况仅发生在 Chrome 中。

注意：使用 CTRL + P 可正常工作。

请指教，谢谢。

在此处输入图片描述

答案1

Background colors and images按下 Ctrl+p 或在 Chrome 中打印后，选择下方的复选框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"/>元素

这帮我解决了这个问题，希望有帮助

相关内容