如何快速又优雅的一键保存网页

公众号关注 「奇妙的 Linux 世界」

设为「星标」,每天带你玩转 Linux !

140ceb06b147a0218824c53ac021b5fc.png

保存浏览器网页是一个常见的操作,在网页上右键就能使用“存储为”来离线保存当前的网页,后续也可以离线去打开这个网页。但是这种方式有一个问题,它的保存形式是一个 html 文件+文件夹,其中文件夹中包含一些图片等素材,有时候保存的离线资源打开还有各种的问题。

今天要推荐的工具 SingleFile,是一个浏览器的插件,可以一键将当前网页保存为单个文件,且能够很好的解决离线打开文件时图片等素材的显示问题。SingleFile 通过将图片等素材直接保存为 base64 的内容,离线打开的时候就不会出现找不到的问题了。

以下是官方的 DEMO 视频:

而且使用 SingleFile 的时候体验也非常的好,左下角会实时的展示当前保存网页的进展。

2af133d5e9c354abfc81c24d58558fde.png

目前 SingleFile 已经有 6.9K Star,Chrome 应用商店显示也超过 10万+ 的用户在使用,其他浏览器也是支持的(Firefox、Microsoft Edge),是一款非常不错的浏览器插件。

4a69828aa2e6fdf0cc679d9297a3ebca.png

更多项目详情请查看如下链接。

开源项目地址:https://github.com/gildas-lormeau/SingleFile

本文转载自:「GitHub黑板报」,原文:https://tinyurl.com/3m5nh36t,版权归原作者所有。欢迎投稿,投稿邮箱: editor@hi-linux.com。

62ee12c6a6c28f3bdccf90ae5b08cbf1.gif

最近,我们建立了一个技术交流微信群。目前群里已加入了不少行业内的大神,有兴趣的同学可以加入和我们一起交流技术,在 「奇妙的 Linux 世界」 公众号直接回复 「加群」 邀请你入群。

7d1c6022afa0c2ee1ceb3854c54142b6.png

你可能还喜欢

点击下方图片即可阅读

c5a54dbffdffffaa2c4f0d6f7be14f65.png

腾讯十年运维专家谈运维的自我修养

2ef26ef12c2ad9a9896586539097d98c.png
点击上方图片,『美团|饿了么』外卖红包天天免费领

d6a7c4288ee90c004174cd97b36bda06.png

更多有趣的互联网新鲜事,关注「奇妙的互联网」视频号全了解!

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果您要在网页快速上传代码,可以使用一些在线代码托管网站,例如 GitHub Gist、JSFiddle、CodePen 等。这些网站提供了一个简单的编辑器,您可以在其中编写和修改代码,然后将其保存并分享给其他人。 在 GitHub Gist 上上传代码的步骤如下: 1. 访问 https://gist.github.com/,登录您的 GitHub 账号。 2. 点击 "New gist" 按钮。 3. 在 "Filename" 区域输入文件名,然后在 "Description" 区域输入描述信息。 4. 在 "Add file" 区域输入您的代码,可以添加多个文件。 5. 选择代码的语言类型。 6. 点击 "Create public gist" 或 "Create secret gist" 保存您的代码。 保存成功后,您可以复制网页链接并分享给其他人,也可以嵌入到您的网页中。 在 JSFiddle 上上传代码的步骤如下: 1. 访问 https://jsfiddle.net/,进入 JSFiddle 编辑器界面。 2. 在 "HTML"、"CSS" 和 "JavaScript" 区域分别输入代码。 3. 点击 "Run" 按钮预览代码效果。 4. 点击 "Share" 按钮获取代码分享链接。 5. 复制链接并分享给其他人,也可以嵌入到您的网页中。 在 CodePen 上上传代码的步骤如下: 1. 访问 https://codepen.io/,进入 CodePen 编辑器界面。 2. 在 "HTML"、"CSS" 和 "JavaScript" 区域分别输入代码。 3. 点击 "Run" 按钮预览代码效果。 4. 点击 "Save" 按钮保存您的代码。 5. 复制链接并分享给其他人,也可以嵌入到您的网页中。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值