如何将html页面保存为一个文件?

时间:2013-04-23 12:46:48

标签: html save archive webarchive

我希望能够将HTML页面保存/存档为一个文件(没有那些讨厌的外部文件夹)。

我希望生成的文件包含所有样式,图像和链接(视频和Flash也会很好,但不是很重要)。

我希望生成的文件可以搜索和编辑。

微软的MHT就是这样的工具之一,但不幸的是,它在Linux下无法搜索。 MHT很好,但我不想被一个操作系统或一个公司锁定。什么是一个好的选择 - 或者可能有一些我没有想到的完全不同的解决方案?

提前感谢您的建议!

7 个答案:

答案 0 :(得分:12)

通过在chrome:// flags页面上切换“将页面另存为MHTML”选项,可以在当前版本的Google Chrome中查看和创建MHTML文件。

在您的网址框中输入chrome://标记

但是,启用此实验选项会禁用将页面保存为仅HTML或HTML完整文件。来自chrome:// flags页面:

答案 1 :(得分:11)

SingleFile chrome extension是一个很好的解决方案。

我还编写了自己的python工具来解决这个问题,我建议尝试一下:https://github.com/zTrix/webpage2html

答案 2 :(得分:3)

根据zTrix的回答,我建议避免使用Chrome扩展程序(根本不适用于我),而是使用以下选项之一:

  • Node.js:remy's inliner
    • 使用npm
    • 轻松安装
    • 许多选项,包括禁用缩小/压缩,维护外部图像,跳过视频等的标志。
    • 警告:(2017年9月22日)在编译Slate builds时无法维护样式和JavaScript功能。这不会直接影响大多数人,但这意味着内联可能会遇到其他页面的问题。请参阅this issue
    • 警告:没有任何选择可以让事情变得孤立":将缩小/丑化CSS / JS或美化,但不会简单地将原始资源嵌入到HTML中。
  • Python 2:zTrix's webpage2html
    • 比内联更保守;适用于大多数情况。
    • zTrix修复了一个错误(内联也似乎有),可以在编译Slate builds时确保JavaScript / CSS功能。见this issue(2017年9月29日更新)
    • 可以converted to Python 3相对轻松地
    • 警告:无法处理CSS @import

答案 3 :(得分:3)

您可以使用以下工具:https://github.com/Y2Z/monolith,它似乎完全可以满足您的需求。

还有一个直接用于该程序的Chrome浏览器扩展程序,可以在这里找到:https://chrome.google.com/webstore/detail/monolith/koalogomkahjlabefiglodpnhhkokekg

答案 4 :(得分:0)

通常,可以创建一个包含其所有常见子文件(css,jpg,js,svg等)的HTML文件。
您必须通过替换“ src”属性的值“ url()”函数来重写HTML文件,并为JavaScript文件“ <script></script>”插入HTML标签,例如“ <style></style>”表示CSS文件,“ <svg></svg>”表示SVG图片。

例如CSS中的“ url()”函数调用的GIF图像文件。

  1. 从他的URL下载图像。
  2. 将此图像编码为Base64。
  3. 将“ url('https://en.wikipedia.org/wiki/File:TPB_Magnet_Icon.gif')”替换为“ url('data:image/gif;base64,R0lGODlhDAAMALMPAOXl5ewvErW1tebm5oocDkVFRePj47a2ts0WAOTk5MwVAIkcDesuEs0VAEZGRv///yH5BAEAAA8ALAAAAAAMAAwAAARB8MnnqpuzroZYzQvSNMroUeFIjornbK1mVkRzUgQSyPfbFi/dBRdzCAyJoTFhcBQOiYHyAABUDsiCxAFNWj6UbwQAOw')”,并以Base64编码的GIF图像替换,前缀为“ data:image/gif;base64,

您可以对“ src”属性的值执行相同的操作。 此解决方案可以用于其他二进制文件。您必须将正确的“ data”前缀修改为与编码对象相对应的前缀。

答案 5 :(得分:0)

最新答案:适用于Firefox的“ SingleFile”插件运行良好。甚至像Gutenberg项目这样带有图像的大文件也保存得很好。

参考:https://addons.mozilla.org/en-US/firefox/addon/single-file/

答案 6 :(得分:-12)

你试过Googling吗? 第三个链接下来。 http://cybernetnews.com/save-webpage-single-html-file/