整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

13k star!一键实现优雅保存网页,太香了!

13k star!一键实现优雅保存网页,太香了!

家好,我是开源探索者,持续分享开源项目,关注技术的最新动态,分享自己的经验和见解。

大家好,我是开源探索者!

相信大家都和我一样,作为程序员,喜欢收藏各种网页,包括笔记、代码和教程等等。然而,由于各种原因,已经收藏的网页会经常会消失打不开。

现有的"存储为"功能来离线保存网页的方式,对于网页中的图片等素材不太友好,有时候甚至打开保存的离线资源时还会出现各种问题。

最近,我在Github 上发现了一款开源的浏览器扩展 - SingleFile,能完美解决这个问题。

项目简介

SingleFile是一款开源的浏览器扩展程序和命令行工具,支持Chrome、Firefox(桌面版和移动版)、Microsoft Edge、Safari、Vivaldi、Brave、Waterfox、Yandex、Opera等常用的浏览器,可以帮助我们将整个网页保存为单个文件,同时能够很好的解决离线的时候打开文件出现的各种素材显示问题。

目前 SingleFile 在github上面已经有 13K+ Star,Chrome 应用商店显示也有 20万+ 的用户在使用。

项目特色

  • 完整保存: SingleFile 可以保存网页的所有内容,包括 HTML、CSS、JavaScript、图像、视频、音频等资源。
  • 单文件: 所有资源都被整合到一个 HTML 文件中,方便下载、分享和离线阅读。
  • 多种格式: 支持多种压缩格式,例如 Gzip、Brotli 等,可以有效减小文件大小。
  • 自定义选项: 可以选择要保存的资源类型,以及是否保留注释、源映射文件等。快速使用

使用体验

1、保存网页

安装好后,在要保存的网页右键,选择SingleFile插件,保存页面即可,如下图

2、批量保存多个网页

按住Ctrl键,鼠标左键依次选择要保存的网页。

然后再单击 SingleFile 图标,依次选择“保存标签页”-“保存选中的标签”,即可,如下图:

另外,插件还支持一些高级功能例如:自动保存、定期保存、自定义设置等等。大家可以自行探索。

3、命令行安装

关于命令行安装,可以通过Docker或者手动安装的方式,具体的话可以参考项目页面,文档写的很详细。

体验一番,SingleFile上手还是很容易的,操作也简单,一键就可以快速解决存档、书签、搜索等问题。

更多项目细节,感兴趣的朋友去项目主页探索把~~

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

结束语

在数字时代的浪潮中,有一群人他们不畏艰难,勇攀技术高峰,他们就是开源探索者。

他们不仅仅是技术的实践者,更是开源文化的传播者和推动者。

在开源的世界里,没有绝对的权威,只有共同的合作。

日常网络浏览过程中,常常会发现有趣且有益的网站,选择收藏以备未来查阅。然而,收藏夹中的网页有时会因为各种原因而无法连接,令人感到遗憾。

将网页剪切至云端笔记,虽然是一种方法,但其排版样式、元素丢失以及同步速度慢等不足,使其显得不够便捷。相较之下,更为实用的方法是将其保存于本地硬盘,既能节省资源又便于后续管理。

今天向您推荐一个网页保存插件——SingleFile。此插件可帮助您将整个网页(包括CSS、图片、字体、框架等)保存为HTML文件。对于您感兴趣的文章网页等,均可进行离线保存,且采一页一文件格式,即使是GIF图也能够完整保留。

下载与安装

Google Chrome

https://chrome.google.com/extensions/detail/mpiodijhokgodhhofbcjdecpffjipkle

Microsoft Edge 浏览器

在Microsoft Edge加载项中搜索"singlefle"即可

https://microsoftedge.microsoft.com/addons/detail/singlefile/efnbkdcfmcmnhlkaijjjmhjjgladedno

Mozilla Firefox 浏览器

https://addons.mozilla.org/firefox/addon/single-file

Apple Safari 浏览器

https://apps.apple.com/us/app/singlefile-for-safari/id6444322545

安装步骤

成功下载后,只需启动插件并选择您需要保存的网页,点击SingleFile按钮便可完成操作。


如果觉得单次保存过于繁琐,可在网页上右键点击折叠工具栏上的SingleFile按钮,选择保存:当前标签或所选内容,或者是所选的帧,甚至是一键保存多个选项卡。


此外,还有自动保存功能。默认的保存路径通常是浏览器配置的下载文件夹。您还可以自主选择将网页直接上传至网盘,如GitHub、Google Drive或WebDAV云盘,让珍藏的资源在云端管理得心应手。

页内容导出word文档的方法有很多,我们在工作生活中都会遇到需要将网页上的内容下载到本地文档的需求,有时遇到一些网页不支持复制,有些又需要翻页,不能一次性下载。今天跟大家分享怎么将网页上的内容导出到我们的word文档。

一、复制粘贴

作为最原始,也是最可靠的方法,复制粘贴操作简单有手就行。缺点就是需要进行大量机械操作。

二、通过浏览器导出

进入浏览器,然后打开我们需要导出的网页,点击右侧菜单à选择“更多工具à网页另存为我们能获得一个html格式的文档



在打开我们的wps或者word软件,通过导入html格式的文档,另存为word文档。

通过这个方法,我们可以对整个网页进行导出,优点是只需要鼠标点选,工作强度变低,缺点是网页内容全部导出,包括顶部菜单栏,广告等。

三、采集工具导出

使用采集工具,我们可以对我们想要的元素进行选择,只下载需要的内容,例如只下载标题内容,只下载图片、表格等。

通过采集工具选择内容后,支持对相同组成的页面进行批量采集,不需要我们再去翻页面。

可视化的操作页面,也只需要我们操作鼠标完成点选,就可以将网页需要的内容一键导出本地word,批量导出不需要我们在去找软件转换格式。

四、编辑后导出

使用采集工具的SEO模板,可以对我们采集的网页内容进行翻译、同义词替换、敏感词删除、图片水印等操作,让我们可以批量处理网页内容到我们本地文档。

网页内容导出的三种方法分享就到这里了,每种方法都有自己的优势,对于需要批量采集、批量编辑翻译的页面,使用工具能帮我们完成重复机械的操作,减轻工作负担,如果大家有更好的意见或者建议,不妨留言讨论哦。