如何保存与evernote类似的所有样式和图像的网页？

Posted 2023-05-07

【中文标题】如何保存与evernote类似的所有样式和图像的网页？

【英文标题】：How to save webpage with all styles and images similar to evernote?

【发布时间】：2013-01-05 07:55:27

【问题描述】：

如果您查看evernote 或使用他们的web clipper browser addon，它可以完全保存一个网页，其中包含所有样式和页面图像的剪辑。因此，例如，如果我用它保存这个页面，它将按原样保存。

有人知道evernote 是如何做到的吗？我想用 php 或 javascript 来做，但不知道如何保存包含所有样式和图像的网页。我知道 Internet Explorer 的 mht 格式，但这不是 evernote 所做的。

所以基本上如果可以将所有样式和图像（不包括JS等动态内容）的网页保存在单个文件中并能够在任何主流浏览器中打开它，那将是很棒的？任何指向此类脚本的指针也会有所帮助。

我在 Gmail 中也注意到了类似的情况，当您复制页面的任何部分并将其粘贴到 Gmail Compose 中时，它会按原样呈现它，或者在 MS Word 中会发生同样的情况强>也是。

感谢您的帮助和提示:)

【参考方案1】：

用包含从链接样式表复制的 CSS 的样式块替换链接样式表。用数据 URL 替换图像源。

【讨论】：

是的，这就是我的想法，但为此编写算法是真正的挑战:(

【参考方案2】：

或者只是打电话给wget -mk和mirror the site：

<?php
system('wget -mk http://foo.com/bar');
?>

【参考方案3】：

您可以执行 file_get_contents() 然后递归下载您需要的任何脚本/图像。

【讨论】：

我知道，但这里的重点是关于如何将所有这些内容保存在单个保存页面中的算法或指南