javascript - 如果打印为 PDF,CSS 媒体打印 anchor 链接可单击

标签 javascript jquery css pdf

例如:

<a href="https://www.google.com">Google anchor link</a>

它在网站上显示为: Google anchor link

打印时显示为:

Google anchor 链接( https://www.google.com )

为了解决这个问题,我在 CSS 中添加了:

@media print {
    a:link:after,
    a:visited:after {
        content: "" !important;
}}

现在打印时显示为: Google anchor link (因此链接现在不在 anchor 之后)。

问题:

如果我选择虚拟打印机(如 doPDF )而不是普通打印机来打印 .PDF 文件中的页面 anchor 链接已停止在我创建的 .PDF 文件中可单击,则它仅显示为文本:Google anchor 链接。

只要我看到很多具有“可单击 anchor 链接”的 .PDF 文件,.PDF 文件中的可单击 anchor 文本就应该是可能的。

最佳答案

我找到了答案。也许也可以帮助别人!

虚拟打印机,如doPDF不打印超链接,其他虚拟打印机(高级)允许您打印超链接。

直接从网页打印为 PDF 的最佳解决方案是 Google Chrome(我不知道 Google Chrome 已在其核心中实现了此功能 - 无需任何扩展)。

打印,在 Google Chrome 中Ctrl+P,更改目标位置并选择 => 另存为 PDF(并且所有超链接都可以在您创建的 PDF 文档)。

您可以直接在 Google Chrome 中将网页另存为 PDF 文件,无需安装 PDF 驱动程序或任何扩展程序。

见附图!

Save as PDF directly from Google Chrome!

关于javascript - 如果打印为 PDF,CSS 媒体打印 anchor 链接可单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43222459/

相关文章:

javascript - 如何使正则表达式发挥作用? (谷歌应用脚​​本)

javascript - iOS App Store 是否允许在 Phonegap/Cordova 应用程序中进行 Javascript 代码混淆?

css - 透明背景下的元素 在 IE 中可访问的元素

css - 如何查看元素的大小?

javascript - 如何以编程方式将内容脚本添加到 iframe 文档

javascript - 0.8.0更新后 meteor 白屏?

javascript - 注入(inject)的链接样式表优先于 IE7+ 中的现有样式

javascript - 使用 jQuery 获取元素在屏幕上的绝对位置

左对齐时 jquery 选择器在该行的最后一个拇指(高级 jquery)

html - CSS 两列列表 - 响应式合并为一列