Chrome 扩展：云快照，一键归档你正在浏览的页面

[zhw2590582]

安装： https://chrome.google.com/webstore/detail/damkpemiplcamnlcfcphcfebebllohkc

虽然感觉用处不大，但还是做了这个简单的扩展，就是可以一键归档你正在浏览的页面（截图+网页），不同于现在流行的“稍后阅读”这种专注文字阅读的软件，云快照所归档的网页是尽可能的还原文字和 CSS 样式效果，无论是用 Vue.js 或者 React.js 这种框架开发的页面，都能尽可能的还原出你归档的时候所看到的的样子。

使用本扩展无需登录，只有鼠标右键选择“保存快照”既可，所归档的数据还可以同步到你的 Github 和 Gitee 仓库上，不用担心数据丢失。

安装： https://chrome.google.com/webstore/detail/damkpemiplcamnlcfcphcfebebllohkc

[zhw2590582]

@gabon 是的，archivebox 也是基于 SingleFile ，功能很强大

[waler]

你好,功能非常好用,提个建议,同步到仓库的时候能不能可以进行配置标题,比如说我对这个页面进行备份,并设置了上传得到仓库,以网站域名进行归档,但是这个页面的 html 名称好像是以时间戳进行命名的,这样的话不太好找内容的,可不可以文件名为 ''网页名称 + 时间'', 加上时间的话也可以进行多次备份的,相同的标题,不同的时间.
还有一个问题是截图,我测试的情况是截图不是全部页面的长截图,备份以及仓库都是一个屏幕的,期待可以支持全屏幕的截图.

效果截图
https://imgs.waler.info/2022/06/02/1654145285360.png
https://imgs.waler.info/2022/06/02/1654145331164.png


最后非常感谢开发这么好的扩展.

[waler]

还有一个,仓库的提交记录备注能否设置为源网址链接呢?这样对溯源也有帮助的,现在是网站链接

[dianso]

保存成 mht 比较好，里面 js html jpg 都在。

[luckykong]

要是也能支持 safari 就好了

[zhw2590582]

@waler 长截图已经在计划中了，至于文件命名的问题，只是因为有些网站的标题会很长，所以也只能截取标题前面的一部分了，我想想有没有更好的方法

[zhw2590582]

@dianso 其实 mhtml 就是 mht

[wuzhi1234]

有计划支持 Safari 吗，貌似这种插件都没有 Safari 的事。。

[zhw2590582]

@wuzhi1234 @luckykong firefox 和 Safari 都没有提供保存网页的接口，要自己去实现这个功能会有点复杂

[hamsterbase]

@wuzhi1234

safari 可以 cmd + s 保存为 webarchive, 里面包含了全部的 图片、样式。

如果是查看的话，用 safari 打开就行了。

[wuzhi1234]

@hamsterbase 感谢，又 get 新知识

[hackpro]

@hamsterbase 我一直好奇这几个格式
是单个文件+图文都可以保存吗

[hamsterbase]

@hackpro


mhtml 是文本文件， 里面包含了编码后的 图片、样式、HTML
webarchive 是苹果二进制格式 (bilist)， 打包了 javascript 、css 、html
singlefile 就是普通的 html 文件。

这三种格式保存的都是当前的 html + css ，除了某些 canvas 、视频、音频，几乎所有网页都能完美的还原。

我开发的工具就是解析这三种格式，解析以后新增了 批注、搜索等功能。

[hackpro]

@hamsterbase 感谢大佬
如果为了保存原始网页中的所有元素(主要怕漏掉) 这三种格式有优先级顺序推荐吗

[hamsterbase]

@hackpro 看你用啥浏览器，区别不大。

chrome 用 mht ，safari 用 webarchive ，firefox 用 singlefile 插件保存的 html


html 稍差 url ，tittle 原始信息没有专门的储存位置，需要通过 html 注释的方式储存。其他格式都可以解析出 url

[hackpro]

@hamsterbase 感谢🙏

[hamsterbase]

@hackpro

可以试试看我开发的应用？ 以上格式都支持。

导入后都支持批注、全文搜索。 未来还支持 阅读模式、rss 输出。

[kknd22]

为何提示不兼容？ 360 极速 13.5 ，谷歌版本 86