整合营销服务商

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

免费咨询热线:

把HTML网页下载为单文件,可离线访问

网页下载下来使用,在日常工作中使用频率还是很高的,有时候确实能解一时之急,我自己就有很窘迫的经历。

我开会的时候,都会把准备好的文档存在局域网,到会议室直接打开就能直接用了。有一次到分公司,由于分公司刚刚成立,内网还没有和母公司连通。结果这下子懵逼了,上不去内网,看不到文档。又是叫同事发过来,又是提发送文件的安全申请,让人着急。

如果把网站保存下来,放在自己的电脑中,既不用担心信息泄露问题,又不用为了看不了文档而着急。

遇到问题,记录下来,然后解决问题,程序员的解决思路永远是自己创造轮子的,接下来就是不断的探索解决方案。

其实下载网页的方式有很多种,其中有几种办法使用的比较多,例如:如果你用Chrome,直接按 Ctrl+s 就可实现。使用这种方法,Chrome会把整个网站,按照编译完成的源码目录结构保存下来。像下面这样:

下载完成的文件直接点击 xxx.html 可以直接离线访问,但是这种方式对目录的依赖结构比较高,怎么理解呢?就是 html 文件和对应文件名的文件夹必须在同一个目录中,才能正常使用。拷贝到其他机器的时候必须要两个同时拷贝才可以,否则就会排版错乱。

如果有十个或者更多的网页需要拷贝或者删除,就会很麻烦,例如我想在其中找到其中几个,复制到其他地方,很容易弄错顺序。

HTML 是一种纯文本格式,它用于排版文字。纯文本文档的意思就是,文档中只包含文字内容,不包含二进制内容,举个例子:打印出的A4纸,只有文字没有图片。而 HTML 想要显示照片等二进制信息,通常都会链接到其他文件,也就是上面文件夹里面的内容。

不过 Chrome 下载文件这种方式也有优点,下载下来的文件可以保持独立性,比如说,我需要这个网页中的一张图片,那么就可以直接到文件夹里面寻找了。

另外还有一种办法,也有很多人再使用。Chrome 在打印网页的时候,会把网页转成 PDF ,然后在进行打印。那么就给我们提供了很明确的思路,把网页直接保存为 PDF ,这样保存下来的网页就只有一个文件。

使用Chrome,直接按下Ctrl+p就可以。然后目标打印机选择 另存为 PDF 。

这个功能很多浏览器都支持

但是这种办法也有很明显的缺点,由于 PDF 是静态文档,网页上的一些动画可能不会正常显示,而且排版也有可能会错乱,这完全靠运气。个人觉得这不是一种很靠谱的方法。

这时候主角来了!有一个工具既可以把网页保存为 html 又可以保持是单文件。他就是 monolith ,你可以在 github 上面找到它,但是源码并没有编译为可执行文件,我把它编译了一下,下面会放上来链接,https://github.com/leconio/Repos/raw/master/monolith.7z。

那么下面就简单说说使用方法:如果你下载我的链接,那么里面有三个文件:

第一个是Mac平台编译出来的,使用方式为:

./monolith 网站地址 > xxx.html

默认情况下 monolith 会把生成的 html 输出到标准输出流,也就是当前终端。使用 > 我们把输出的内容重定向并覆盖到文件。

执行完成之后,在这个目录下面就会有一个对应的文件:xxx.html 。

另外两个是 Windows 平台使用的。为了简化使用,我写了一个 CMD 脚本。直接点击 monolith.cmd ,然后粘贴地址就可以完成下载。

下载完成之后,在本地你会发现只有一个 html 文件。我们打开之后,发现图片和JS等信息都在,而且排版正常。那么就要思考了,我们之前说过,HTML 是放置纯文本信息的,那么图片在哪里呢?

答案显而易见,就在 HTML 文件里面。为了方便小图片传输,有一种叫 Base64 的东西,它可以把二进制信息变成成纯文本。这在使用 Json 传递数据的今天十分常见,它可以减少一次请求(题外话),这里就是用的这个原理。monolith 把图片等二进制内容转为了纯文本,保存在 HTML 文件中。我们在下载的文件源码可以看到:

对比源代码,src 信息已经变成了 base64 格式的图片,就是那串乱码。复制那串乱码,从网上搜一个 base64 转图片工具,粘贴进去,这时会发现就是我们看到的那张图片。这样一来,无论这个网站上有多少个文件,都会保存到一个 HTML 文件里面,而且还能离线使用。

当然,base64 编码的图片比原生图片略大,这可能也是你现在在担心的问题。不过 monolith 会特殊处理文件体积。我们可以看看 Chrome 直接下载和使用 monolith 下载体积相差多少。我们把两种方式下载的网页都进行了 7-Zip 压缩。

我们可以看到,使用 monolith 下载会比 Chrome 直接下载小一倍还多!

最后要说的是局限性,无论那种方法,都几乎不能把视频网站中的视频下载下来。因为现在的视频地址都是 Token 加密的,同理,使用 Token 加密的其他请求信息也无法下载。

比如你可以试试下载其他网站的首页,Logo 和视频都是下载不了的。但是也有解决办法,那就是另外一个领域的事情了,以后有机会说给大家听。

如果这篇文章对您或者您的朋友有帮助,感谢您关注,转发。

知道从什么时候开始,什么东西上都有一个日期,秋刀鱼会过期,肉罐头会过期,连保鲜纸都会过期,我开始怀疑,在这个世界上,还有什么东西是不会过期的?

——《重庆森林》

容易过期的不仅是日常用品,互联网上的信息也在变化中快速过期。甚至不知从哪一刻开始,一些网页就再也无法打开查看。

▲ 浏览器收藏过的网页中,很多已经无法打开

而公众号推文与微博,也会经受各种原因变成「红色的感叹号」或者「出错了」。

当我们某一天想要回头查看曾经收藏的网页或者公众号文章,却发现它们已经无法访问。而这些文章曾让我们深感共鸣。它们或者记载了社会生活的不同面,或者提供了某些方面实用的教程,而现在它们都只变成脑中模糊的一个黑影,再也无法回顾寻踪。

事情不应如此结束。既然这些信息对我们而言有独特的价值和意义,那何不主动的保存呢?市面上众多的稍后读工具大多能够保存文章正文,这些工具在对文章内容重新排版和高亮批注上的能力等方面存在着各自的侧重点。

稍后读,让记忆和思考皆有出处

1. 在手机上保存公众号文章

微信作为国内最大的社交工具,其公众号覆盖的用户范围也相当庞大。大多数用户在使用微信的时候会自然而然地浏览最近更新的公众号文章,这已成为个人获取信息的重要途径。

然而,一些公众号文章在经历朋友圈的大肆传播后最后往往只剩「此内容因违规无法查看」。避免这种情况的方法便是在看到有价值的信息及时收藏到其它工具中。

在微信封闭的生态下,公众号文章很难直接分享到其它应用中。《印象笔记》,《有道云笔记》两家老牌笔记软件借助公众号和小程序实现了在微信体系内保存公众号文章的功能。

在公众号文章页面里,点击右上角的三个点,会弹出丰富的功能选项。在此我们选择「复制链接」。当我们将公众号文章的链接发送到印象笔记和有道云笔记公众号中,它们便会自动抓取链接内的公众号文章内容,并生成一份独立于原始链接的文章。即使微信内原始文章因各种原因失效,保存好的内容在笔记软件中依旧可以查看。

▲ 复制公众号文章链接,将其发送到印象笔记和有道云笔记公众号后台,即可保存文章副本

这一步骤虽然都在微信内完成,却仍然显得繁琐。事实上,微信公众号还可以直接使用一些文档小程序来保存。在第二行的功能菜单里,左划到最右侧可看到「更多打开方式」。

选择该选项后可将公众号文章直接保存到腾讯文档,金山文档等文档小程序中。

▲ 在下方菜单栏中找到「更多打开方式」,即可使用小程序来保存文章

例如我们选择「保存到腾讯文档」,文章内容便会转化为一份可以编辑的文档,且收藏的文章会被自动分类到「微信公众号文章」类目下。

▲ 「更多打开方式」能够将公众号文章直接保存到用户使用过的文档小程序中

与以上两种思路不同,Cubox 则利用企业微信号的拓展性提供了更方便的收藏方法。用户仅需将公众号文章直接转发给 Cubox 的服务号,它便可保存文章内容。

▲ Cubox 使用企业微信号来让用户快速收藏微信公众号文章

其它稍后读工具在手机端收藏公众号文章则更加麻烦——

或者需要打开 app 添加公众号文章的链接,或者需要用户先将公众号文章在浏览器打开,再转发到稍后读 app 中。

▲ 通过识别剪贴板中链接或直接添加链接导入公众号文章,左图为《慢读》,右图为 Raindrop

▲ 在浏览器中打开公众号文章,再将其分享至稍后读 app 中

绝大多数稍后读 app 都能独立保存公众号文章内容,但各个 app 在对文章内容的排版上稍有区别。

金山文档保存的文章会进行分页,且字体较小,不适合移动端阅读;Raindrop 只保留了文字部分,公众号文章中的图片均无法正常显示。

Instapaper 则相当「玄学」,在手机客户端中可以正常显示微信公众号文章里的图片,在网页中则不能显示。

除了这三款应用,我们测试的其它 app 保存后的内容都十分接近原文排版,在移动端上具有良好的阅读体验。

▲ 金山文档保存后的文章字体较小,Raindrop 保存后图片不显示

▲ 国外知名的稍后读软件提取公众号文章的效果,左图为 Instapaper,右图为 Pocket

▲ 国内的稍后读软件提取公众号文章的效果,左图为 Cubox,右图为《读否》

2. 在电脑上保存网页文章

除了移动端,在电脑上浏览和阅读网页文章也是人们获取信息的一个主要途径。大多稍后读工具都提供了浏览器插件便于用户快速收藏网页文章。

例如 Pocket 可使用插件快速收藏网页文章,在收藏的过程中同时可以添加文章标签。

▲ 使用 Pocket 的浏览器插件收藏网页

Instapaper 则不具有标签功能,点击插件会直接收藏网页文章至默认文件夹中。

▲ 使用 Instapaper 的浏览器插件收藏网页

其余大多数软件在网页收藏的思路与这两款应用相似,都是通过点击插件图标将文章收藏到软件中。且相比原始网页,保存后的文章去除了广告和其它正文无关的元素,更适合用户专注阅读。

▲ Pocket 收藏的文章电脑端排版

▲ Instapaper 收藏的文章电脑端排版

得益于一些文档类软件提供的开放接口,开源的 Web Clipper 插件能够将网页文章发送到 flomo,《语雀》,wolai 等一些本不支持剪藏的软件。

▲ Web Clipper 支持导出到多个平台

▲ Web Clipper 智能提取网页正文并保存至 flomo

Chrome 和 Edge 上还有一款强大的浏览器插件《简悦》,点击该插件即可进入其优化后的阅读模式,在阅读模式下可进行高亮批注等操作。

同时,《简悦》提供了非常强大的导出选项,用户既能将文章以 Markdown,PDF,HTML 的格式保存到本地,也能将其保存至《简悦》自身的稍后读,以及 Pocket,Instapaper 等诸多第三方软件中。

▲《简悦》提供的阅读模式,在该模式下可以对文本进行高亮批注

▲ 简悦提供了丰富的导出选项,还能将格式化后的网页文章发送到超级多第三方软件中

以上所述的这些插件均是提取网页正文,SingleFileSave as MHT 这两个插件则能将网页原始页面打包为独立的 HTML 或 MHT 文件。保存至本地后,使用浏览器打开相应文件即可离线查看。

▲ SingleFile 可以将网页内容保存为单个 HTML 文件

这么多应用,该选择哪一款?

《印象笔记》和《有道云笔记》作为老牌的笔记应用,其主要功能还是个人笔记管理,网页收藏只是其众多附加功能中的一个。因而若是仅仅用做网页文章剪藏,则未免显得大器小用。

腾讯文档和金山文档这两家国内大厂出品的在线文档则仅能离线保存微信公众号文章,其中腾讯文档保存后的格式接近原样式,适合移动端阅读。而 Notion 不能识别公众号文章的正文内容,因而更适合的场景是配合其浏览器插件在电脑端来剪藏网页内容。

PocketInstapaperRaindrop 作为国外老牌的稍后读应用,它们的功能都是专注于网页文章的收藏,其中 Pocket 能够较为完美地保存公众号文章的图文内容,而 InstapaperRaindrop 保存的内容则不能显示出图片。

Cubox 和《慢读》均能完美获取到公众号文章正文的全部内容,且能进行高亮和批注。《慢读》也有自己的浏览器插件,能够在电脑端收藏网页文章,但尚未开发网页端。而读否则显得更稚嫩一些,目前仅有 iOS 客户端。

《简悦》是一款非常强大的浏览器插件,它的阅读器模式使用户在电脑浏览器中可以进行无干扰的阅读。它同时拥有丰富的标注选项,用户可以方便的高亮和批注重点内容。另外,它拥有所有同类应用最为全面的导出选项,既可以导出各种格式到本地,也能将内容导出到众多其它应用。

Web Clipper 则是一款专注于将网页内容分享至语雀,flomo 等其它平台的插件,因而适合习惯于在第三方文档或笔记软件中处理稍后读内容的用户。SingleFileSave as MHT 提供了保存原始网页为单个文件的功能,它们能够保存各种类型的网页,相较前面所提的工具有更大的适用范围。

▲ 各款应用在主要功能上的区别

上面的表格列出了这些工具在正文格式,高亮和批注,文章存档导出和价格上的大致差异。值得强调的是,专业的稍后读工具基本都需要开通会员才能享有无限制的网页离线收藏和高亮批注等功能。它们提供了多平台的同步以及更多针对收藏文章的功能选项,方便对稍后读内容的管理。

选择哪一款工具,主要取决于你的使用场景和需求。譬如你是常在移动端还是电脑端阅读,亦或需要对文章内容进行高亮批注,亦或是稍后读内容需要全平台的同步。

还有一点需要注意的便是稍后读工具对国内外网站的适配性差异。例如国外的稍后读工具对国内某些网站(如公众号文章)的某些元素不能很好的提取,而同样的问题也会出现在国内稍后读应用对某些国外网站的图像也无法有效的提取。

总结

网页链接的生命周期很短,而其中有价值的内容则更是少之又少。遇到有用的信息及时收藏,因为不知什么时候它们便会因各种原因从互联网消失的无影无踪。

长久的信息浸养形成个人的社会价值判断,开放且有益的信息素材有利于我们形成更为开阔的视野。

若长久处于某种环境带来的信息茧房里,则往往形成偏颇的观点,失去与外界沟通辩论的能力。稍后读工具,使那些本被遗忘的信息仍能发挥出自己的生命力,至少我们在网络的记忆不会被强力抹去。

读本文大概需要5分钟,全文主要介绍三点:

1、ios16新功能概览

2、正确升级ios16步骤(13个步骤)

3、总结

自从9月8日苹果公司发布了iphone14系列手机后,许多人应该都被苹果的系统级别创新“灵动岛”惊艳到了,这种通过软硬件结合来降低挖孔屏所带来的视觉障碍的方式让人耳目一新,ios16系统的关注度也随之高涨。

这不,它来了。苹果公司于9月13日凌晨,陆续向iphone用户推送了ios15.7ios16.0系统更新。好多人不知道该如何升级了,无非就是怕升级后手机发烫、续航拉胯。相信看完小编下面的介绍后,你应该就知道正确的升级姿势了。

小编自己的iphone 13 pro max已经由ios15.4.1升级到ios16.0了,重度使用一天,没有明显发热,续航也长了,满电情况下一晚上不掉电。ios16相较于老系统简直好太多,而且操作也特别丝滑,网上说的微信打不开的bug我也没遇到,使用感极佳。

ios16新功能概览

如果你是专业人员,请移步iOS 16 - Apple (中国大陆)ios16官网:https://www.apple.com.cn/ios/ios-16/

本文只会简要介绍IOS16的几个重要功能更新

  • 专注模式
  • 信息
  • 智能功能
  • 健康与健身
  • CarPlay车载

信息

智能功能

健康与健身

CarPlay车载

正确升级ios16步骤(13个步骤)

由于ios15.7是常规安全级升级,这里就不过多介绍了,直接OTA升级即可(在手机里点击“设置”-“通用”-“软件更新”)。

ios16是一个大版本,但凡是跨大版本升级,一定要将手机连接电脑,进入恢复模式刷机。一定不要通过OTA升级,虽然OTA升级已经很成熟了,但是与恢复模式刷机还是差了一截的。打个比方来说,你已经有了一个两层的房子,现在你想要三层的房子。那你就只有两个选择,一个是在原来的基础上加盖一层,一个是直接推倒原来的两层后重建三层的。现在你应该理解我为什么强烈推荐你恢复模式刷系统了吧。

下面我就跟你介绍一下,如何用恢复模式刷ios16.0,整个过程在30分钟以上,请预留好时间

1、确认你的机型是否支持ios16

ios16兼容设备

2、下载iTunes

iTunes

iTunes - Apple (中国大陆)官网地址:https://www.apple.com.cn/itunes/

最新版mac os用户无需下载,打开Finder,在左侧边栏点击设备就可以看到操作界面了

3、下载ios 16.0 固件

爱思助手官网下载固件

iOS固件下载_苹果刷机固件下载_iOS固件专区爱思助手官网下载:https://www.i4.cn/firmware.html

4、开启icloud备份短信、通讯录、照片重要

点击“设置”-“Apple ID”-“iCloud”-“使用icloud的app”-“显示全部”,能开的就都开吧,圈红的必开。一定要确保所有数据上传icloud完成后再进行后续步骤。

icloud备份

5、手机整体备份重要

手机插入电脑,打开iTunes(Mac电脑打开Finder),单击设备,点击“立即备份”。

手机备份

6、备份微信聊天记录重要

手机微信和电脑微信都升级到最新版本,在电脑端微信点击“迁移与备份”,选择“备份与恢复”,按照操作提示进行备份。

微信备份

7、重置iphone

重置iphone之前,最好把其它类似微信不保存聊天记录的软件,进行备份聊天记录,免得数据丢失。

点击“设置”-“通用”-“传输或还原iphone”-“抹掉所有内容和设置”。

重置手机

8、进入恢复模式

按一下“音量+”,再按一下“音量-”,再长按“锁屏键”一直不松开,直到出现以下画面再松开,即成功进入恢复模式。

恢复模式

部分机型和系统进入恢复模式的方式可能有所出入,可依次尝试百度所说的方法

9、刷入系统

同时按住“Alt”和“Shift”按键后单击“恢复iphone”,在弹框中选择刚刚下载的ios16.0固件,然后开始自动刷机。

刷入系统

10、系统初始化设置向导

刷机成功后,会进入hello激活页面,一定要选择“设置为新的iphone”

初始化

11、下载必要的软件

进入“app store”,下载所需的软件。

12、导入微信聊天记录

在电脑端微信点击“迁移与备份”,选择“备份与恢复”,按照操作提示进行恢复聊天记录。

微信恢复

13、等待icloud同步完成

耐心等待icloud后台同步云端短信、通讯录、照片信息到手机,如果发现没有同步下来,打开“设置”-“icloud” 查看是否有打开对应的同步开关。

总结

跨大版本系统升级不建议OTA升级,不建议OTA升级,不建议OTA升级。如果你是iphone12及以上用户,建议你刷ios16.0。如果你是其他系列手机,建议你保留现有系统,或者升级至ios15.7。但是如果你手头恰好有一块或者即将拥有一块apple watch,并且打算升级到watchos9,那你没得选了(例如健身功能就只有ios16有),直接升级ios16.0。