时间戳

首页 > 解决方案 > Puppeteer 链接 ( ) 未从 html 转换为 pdf

javascript - Puppeteer 链接 ( ) 未从 html 转换为 pdf

问题描述

我正在使用 Puppeteer 将一些 html 转换为 pdf。我尝试转换的一些 html 的一个非常基本的示例如下所示：

<div>
   Link: <a href="test">test</a>
</div>

但是，我注意到这个 html 实际上不会转换为 pdf 文件中的链接。奇怪的是，它获得了链接的样式，但实际上并不是 pdf 中的可点击链接（它只是纯文本）。下图是它被渲染的内容：

在此处输入图像描述

将鼠标悬停在“测试”文本上时，光标也不是指针。

此问题的原因可能是什么，是否有解决方法？

标签： javascriptnode.jspdf-generationpuppeteer

解决方案

来自https://www.w3schools.com/tags/att_a_href.asp

如果 href 属性不存在，则标记将不是超链接。

提示：您可以使用 href="#top" 或 href="#" 链接到当前页面的顶部！

您的链接样式设置为链接<a href="test">test</a>但“test”正在走向无处（它不是有效的地址或通过 URL 的链接，所以只会坐在那里思考你想让它做什么。）

<a href="URL">

URL The URL of the link.
Possible values:

An absolute URL - points to another web site (like href="https://www.example.com/default.htm")
A relative URL - points to a file within a web site (like href="default.htm")
Link to an element with a specified id within the page (like href="#section2")
Other protocols (like http://, ftp://, mailto:, file://, etc..)
A script (like href="javascript:alert('Hello');")

放置另一个位置，例如 <h2 id="test">Go 2</h2>

然后 Link: <a href="#test">Hyper test</a>

将跳转到“Go 2”

或用于外部位置

然后 Link: <a href="https://webAddress">Hyper test</a>

推荐阅读