简介
hetemel 是一个基于 puppeteer 的工具，它可以将网页转换为 pdf 或者图片。它支持多个格式并提供了一些高级选项，例如自定义页面大小、页头和页脚、背景颜色和透明度等。
在前端开发中，我们通常需要实现网页的 pdf 导出、图片生成等功能。而这个工具可以方便快捷地实现这些需求。
安装
在项目中使用 npm 安装 hetemel：
npm install hetemel
使用
网页转 PDF
将网页转换为 pdf 是 hetemel 最常用的功能。下面是一个简单的例子，它将百度搜索结果页面转换为 pdf 文件。
-- -------------------- ---- -------
----- ------- - -------------------
------ -- -- -
----- ------- - ----- -----------------
----- ---- - ----- ------------------
----- --------------------------------------------------
----- ----------
----- ----------------
------- ----
---
----- ----------------
-----在这个例子中，我们首先创建了一个 Hetemel 实例，然后创建了一个页面并跳转到百度搜索结果页面。接下来，我们将页面转换为 pdf 格式，并将其保存为 puppeteer.pdf 文件。最后，我们关闭了浏览器实例。
网页转图片
我们也可以将网页转换为图片。下面是一个示例，它将百度网站转换为 png 格式的图片，并保存该图片。
-- -------------------- ---- -------
----- ------- - -------------------
------ -- -- -
----- ------- - ----- -----------------
----- ---- - ----- ------------------
----- -----------------------------------
----- -----------------
----- -----------
---
----- ----------------
-----在这个例子中，我们创建了 Hetemel 实例并打开了一个新页面。然后，我们在页面上截取了一张屏幕截图，并将其保存为 baidu.png 文件。
自定义设置
除了上述功能，hetemel 还提供了一些高级选项，例如自定义页面大小、页头和页脚、背景颜色和透明度等。具体的使用方法如下：
-- -------------------- ---- -------
----- ------- - -------------------
------ -- -- -
----- ------- - ----- -----------------
----- ---- - ----- ------------------
----- -----------------------------------------------------
----- ----------
----- -------------------
------- -----
---------- -----
------- -
---- ------
------ ------
------- ------
----- -----
--
-------------------- -----
--------------- --------------------
--------------- --------------------
---------------- -----
----------- --------
-------- ---
---
----- ----------------
-----在这个例子中，我们设置了很多选项，例如页面大小（A4 纸张）、横向打印、页边距、页头和页脚、背景颜色和透明度等。你也可以根据自己的需求自定义设置。
总结
以上是 hetemel 的使用方法和示例代码。它是一个非常实用的工具，可以方便快捷地实现网页转 pdf 或图片。如果你需要实现这些功能，可以参考本文使用 hetemel。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005596281e8991b448d6d99