V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhw2590582
V2EX  ›  分享创造

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

  •  
  •   zhw2590582 ·
    zhw2590582 · 2022-06-01 22:33:32 +08:00 · 4366 次点击
    这是一个创建于 897 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    WX20220601-222603@2x.png

    WX20220601-222955@2x.png

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

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

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

    第 1 条附言  ·  2022-06-01 23:19:48 +08:00
    38 条回复    2023-01-28 13:59:55 +08:00
    yanwen
        1
    yanwen  
       2022-06-01 23:09:57 +08:00
    firefox 用户羡慕的流口水。。有计划出个 firefox 版么??
    zhw2590582
        2
    zhw2590582  
    OP
       2022-06-01 23:17:28 +08:00   ❤️ 1
    @yanwen 可以的,我明天研究一下 firefox 支不支持
    Tink
        3
    Tink  
       2022-06-02 00:07:35 +08:00 via Android
    好!
    SenLief
        4
    SenLief  
       2022-06-02 00:34:36 +08:00 via iPhone
    图片能够保存吗
    hs0000t
        5
    hs0000t  
       2022-06-02 00:38:30 +08:00 via Android
    可以设置为点击工具栏扩展图标保存快照吗?安卓端的浏览器(如 kiwi 浏览器)无法正常调用右键菜单功能。
    yaoyao1128
        6
    yaoyao1128  
       2022-06-02 03:15:47 +08:00 via iPhone
    多设备看论文神器!
    lifansama
        7
    lifansama  
       2022-06-02 07:01:45 +08:00 via Android   ❤️ 2
    @yanwen 现在用着 Firefox 上的 SingleFile 可以把网页保存成单个 html 文件,也算是个快照工具吧
    zhw2590582
        8
    zhw2590582  
    OP
       2022-06-02 07:05:26 +08:00
    @hs0000t 可以的,我后面添加这个选项进去
    zhw2590582
        9
    zhw2590582  
    OP
       2022-06-02 07:15:01 +08:00
    @SenLief 图片右键另存为既可
    xx3122
        10
    xx3122  
       2022-06-02 08:28:55 +08:00
    有大用
    licoycn
        11
    licoycn  
       2022-06-02 09:04:31 +08:00
    想问楼主程序中使用的界面,是有 UI 框架还是自己写的?
    zhw2590582
        12
    zhw2590582  
    OP
       2022-06-02 09:13:30 +08:00
    @licoycn 我自己设计的
    liuhaha
        13
    liuhaha  
       2022-06-02 09:42:50 +08:00
    求其他浏览器安装包
    Greenm
        14
    Greenm  
       2022-06-02 09:48:11 +08:00
    跟 SingleFile 功能是不是一样的?
    hamsterbase
        15
    hamsterbase  
       2022-06-02 09:54:17 +08:00
    我也开发了类似的项目 https://www.v2ex.com/t/854379

    纯离线、所有数据都在本地。
    支持导入、预览、批注、全文搜索网页,可以还原所有 css 和 html 。


    支持的格式有
    mhtml (chrome 保存)

    webarchive (safari)

    html (singlefile )
    zhw2590582
        16
    zhw2590582  
    OP
       2022-06-02 10:02:03 +08:00   ❤️ 1
    @Greenm 是的,不过 SingleFile 保存的是 html ,这是它自己用程序重绘了整个页面,速度相对减慢但还原度较高,我这个是保存为 mhtml ,是 Chrome 扩展自带的接口能力,速度较快但还原度没那么高
    vhus
        17
    vhus  
       2022-06-02 10:02:25 +08:00
    挺好的,谢谢。
    zhw2590582
        18
    zhw2590582  
    OP
       2022-06-02 10:07:24 +08:00
    @hamsterbase 你这个更强大一些,我这个功能没那么多
    Greenm
        19
    Greenm  
       2022-06-02 10:23:03 +08:00
    @zhw2590582 各有优劣,感谢分享。
    gabon
        20
    gabon  
       2022-06-02 10:39:38 +08:00 via iPhone
    偏个题,我用的是 archivebox 插件,保存到自建的 archive box server 上。可以保存 pdf ,长图片,原始 HTML 等多种格式。
    zhw2590582
        21
    zhw2590582  
    OP
       2022-06-02 10:43:01 +08:00
    @gabon 是的,archivebox 也是基于 SingleFile ,功能很强大
    waler
        22
    waler  
       2022-06-02 12:49:37 +08:00
    你好,功能非常好用,提个建议,同步到仓库的时候能不能可以进行配置标题,比如说我对这个页面进行备份,并设置了上传得到仓库,以网站域名进行归档,但是这个页面的 html 名称好像是以时间戳进行命名的,这样的话不太好找内容的,可不可以文件名为 ''网页名称 + 时间'', 加上时间的话也可以进行多次备份的,相同的标题,不同的时间.
    还有一个问题是截图,我测试的情况是截图不是全部页面的长截图,备份以及仓库都是一个屏幕的,期待可以支持全屏幕的截图.

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


    最后非常感谢开发这么好的扩展.
    waler
        23
    waler  
       2022-06-02 12:53:21 +08:00
    还有一个,仓库的提交记录备注能否设置为源网址链接呢?这样对溯源也有帮助的,现在是网站链接
    dianso
        24
    dianso  
       2022-06-02 13:15:59 +08:00
    保存成 mht 比较好,里面 js html jpg 都在。
    luckykong
        25
    luckykong  
       2022-06-02 13:16:22 +08:00
    要是也能支持 safari 就好了
    zhw2590582
        26
    zhw2590582  
    OP
       2022-06-02 13:26:18 +08:00
    @waler 长截图已经在计划中了,至于文件命名的问题,只是因为有些网站的标题会很长,所以也只能截取标题前面的一部分了,我想想有没有更好的方法
    zhw2590582
        27
    zhw2590582  
    OP
       2022-06-02 13:26:57 +08:00
    @dianso 其实 mhtml 就是 mht
    wuzhi1234
        28
    wuzhi1234  
       2022-06-02 21:56:58 +08:00
    有计划支持 Safari 吗,貌似这种插件都没有 Safari 的事。。
    zhw2590582
        29
    zhw2590582  
    OP
       2022-06-02 22:12:16 +08:00
    @wuzhi1234 @luckykong firefox 和 Safari 都没有提供保存网页的接口,要自己去实现这个功能会有点复杂
    hamsterbase
        30
    hamsterbase  
       2022-06-03 14:27:39 +08:00   ❤️ 1
    @wuzhi1234

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

    如果是查看的话,用 safari 打开就行了。
    wuzhi1234
        31
    wuzhi1234  
       2022-06-03 14:46:13 +08:00 via iPhone
    @hamsterbase 感谢,又 get 新知识
    hackpro
        32
    hackpro  
       2022-06-03 16:09:38 +08:00 via iPhone
    @hamsterbase 我一直好奇这几个格式
    是单个文件+图文都可以保存吗
    hamsterbase
        33
    hamsterbase  
       2022-06-03 16:37:58 +08:00
    @hackpro


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

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

    我开发的工具就是解析这三种格式,解析以后新增了 批注、搜索等功能。
    hackpro
        34
    hackpro  
       2022-06-03 17:15:58 +08:00 via iPhone
    @hamsterbase 感谢大佬
    如果为了保存原始网页中的所有元素(主要怕漏掉) 这三种格式有优先级顺序推荐吗
    hamsterbase
        35
    hamsterbase  
       2022-06-03 17:23:24 +08:00 via iPhone   ❤️ 1
    @hackpro 看你用啥浏览器,区别不大。

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


    html 稍差 url ,tittle 原始信息没有专门的储存位置,需要通过 html 注释的方式储存。其他格式都可以解析出 url
    hackpro
        36
    hackpro  
       2022-06-03 17:26:54 +08:00
    @hamsterbase 感谢🙏
    hamsterbase
        37
    hamsterbase  
       2022-06-03 18:37:09 +08:00
    @hackpro

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

    导入后都支持批注、全文搜索。 未来还支持 阅读模式、rss 输出。
    kknd22
        38
    kknd22  
       2023-01-28 13:59:55 +08:00
    为何提示不兼容? 360 极速 13.5 ,谷歌版本 86
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1016 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 21:50 · PVG 05:50 · LAX 13:50 · JFK 16:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.