Chrome 扩展:云快照,一键归档你正在浏览的页面 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
zhw2590582
4.31D
V2EX    分享创造

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

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

    安装: 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  
    PRO
       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 浏览器)无法正常调用右键菜单功能。
    yaoyaomoe
        6
    yaoyaomoe  
       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
    我也开发了类似的项目 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 /td>
        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     Solana     1318 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 16:48 PVG 00:48 LAX 09:48 JFK 12:48
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86