可以从本地URL运行的html页面转换为带有chrome颜色的pdf

Question

我创建了一个带有bootstrap控件和我自己的CSS的html页面。我正在浏览Chrome中的visual studio页面。我想要将此页面转换为带有颜色的pdf，因为它在chrome中显示。我没有将任何打印机连接到我的系统。如果我给ctrl + P，我的页面显示没有颜色。 我使用了'另存为pdf '扩展名来进行转换。 它说“无法访问您的本地网址”。有没有办法以与在浏览器中看到的相同的方式打印页面作为pdf

Bootstrap控件就像进度条没有出现在打印中。

Answer 1

Chrome“另存为PDF”工作正常。您需要勾选“打印背景图形”复选框，否则默认背景会被忽略。

然而，问题是Bootstrap包含了打印介质的重置。它的作用是将所有背景覆盖为白色，将前景色覆盖为黑色，重要的是！

！important

的杀戮是什么

Answer 2

我建议您使用免费的在线HTML-to-PDF转换解决方案之一。 以下是其中一个：http://www.htmlpdf.com/

请记住，某些解决方案可能无法达到预期的效果。在这种情况下，尝试另一个。

找到可用的解决方案后，只需打印下载的转换后的HTML-to-PDF文件即可。

Answer 3

正如我们已经知道的那样，Chrome本身就像一个pdf编写器和读者。我不确定为什么打印预览中缺少颜色，仍然尝试一下：

在 Ctrl + P 之后，您会看到Print - Cancel选项，在其下方有一个目的地供您选择。

它具有最近，本地和云目的地，可以从显示的本地目的地中进行选择。继续并将其更改为另存为pdf。

现在您也可以使用颜色保存整个网页。

Take a look at this

Answer 4

我有同样的问题，但找到了一个简单的解决方案。 只需获取名为：FireShot

的Google Chrome扩展程序即可

在此处获取：https://chrome.google.com/webstore/detail/take-webpage-screenshots/mcbpblocgmgfnpjjppndjkmgjaogfceg?hl=en

它将获取HTML页面甚至本地Html页面的完整页面截图。 然后捕获整页。

之后会引导您进入带保存选项的新页面。 除了“电子邮件”，我建议您点击“PDF”。然后它会引导您进入Gmail，以便您自己发送PDF。

我不建议点击打印，因为在我保存的情况下，像素存在问题。

很简单。