爱意满满的作品展示区。
zhw2590582
4.23D

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

  •  
  •   zhw2590582 ·
    zhw2590582 · Jun 1, 2022 · 5576 views
    This topic created in 1440 days ago, the information mentioned may be changed or developed.

    安装: 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

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

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


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

    webarchive (safari)

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

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


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

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

    如果是查看的话,用 safari 打开就行了。
    wuzhi1234
        31
    wuzhi1234  
       Jun 3, 2022 via iPhone
    @hamsterbase 感谢,又 get 新知识
    hackpro
        32
    hackpro  
       Jun 3, 2022 via iPhone
    @hamsterbase 我一直好奇这几个格式
    是单个文件+图文都可以保存吗
    hamsterbase
        33
    hamsterbase  
       Jun 3, 2022
    @hackpro


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

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

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

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


    html 稍差 url ,tittle 原始信息没有专门的储存位置,需要通过 html 注释的方式储存。其他格式都可以解析出 url
    hackpro
        36
    hackpro  
       Jun 3, 2022
    @hamsterbase 感谢🙏
    hamsterbase
        37
    hamsterbase  
       Jun 3, 2022
    @hackpro

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

    导入后都支持批注、全文搜索。 未来还支持 阅读模式、rss 输出。
    kknd22
        38
    kknd22  
       Jan 28, 2023
    为何提示不兼容? 360 极速 13.5 ,谷歌版本 86
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1079 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 328ms · UTC 22:55 · PVG 06:55 · LAX 15:55 · JFK 18:55
    ♥ Do have faith in what you're doing.