保存 HTML 为独立页面:导出工具?

7
我需要定期将HTML页面作为独立的.html文件发送给客户,且不包含任何外部依赖项。原始页面使用node.js和express完成,其中包含多个库,如High Charts。
到目前为止,我一直手动进行准备,包括:
- 将所有图像转换为blob - 将所有外部的.js和.css复制到页面中 - 在可能的情况下进行最小化处理(标准库,如jQuery或Bootstrap...)
结果是一个单一的.html文件,可以在没有互联网连接的情况下打开,并且与原始文件看起来完全相同。
有没有自动完成这些步骤的工具?如果没有,也许我会用Python编写它。你对此有什么建议吗?
谢谢

你真的要把这样的东西嵌入你的页面吗?你不必冒犯。我只是在寻找你的问题的解决方案!如果你已经知道答案,为什么还要在这里问呢?尝试将更大的图像嵌入到你的HTML中,看看结果如何 ;) - obayhan
你说得对。看,我需要发送一个包含所有功能的单个文本文件。我知道如何手动完成它,但在编写自己的代码之前,我正在寻找一种自动化工具。干杯。 - Joan-Diego Rodriguez
2个回答

2

0

向 OP 致歉,因为这个答案对他来说可能太迟了,但我还是发表了这个帖子以帮助任何有类似问题的人:

HTTrack 是一个开源项目,几乎可以做到您所描述的一切,尽管它无法完美地处理某些更奇怪的 JS。

它保存页面上的大部分 JS、主要图像和所有页面需要的内容以呈现完整。它可以配置包含或排除整个或部分 JS、图像和 CSS。

enter image description here

这不会将所有JS和其他内容导入到HTML文件中,而是将所有内容整齐地组织到一个文件夹中,并更正所有路径以使文件夹可移植。

它似乎也有些难以抓取受保护的外部资源,但如果它是您的本地站点并且仅使用常见的脚本如JQuery,则应该没问题。当我测试时,它正确下载了我本地的CSS和任何有效的外部CSS库,我使用的JQuery和派生脚本以及嵌入的图像。

为了回答大家的疑问,该程序默认将下载的网站保存在C:\My Web Sites中。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接