乐于分享
好东西不私藏

更新-像App一样安装使用读通鉴

更新-像App一样安装使用读通鉴

前几天有书友提议,可以通过PWA技术把dutongjian.com安装到手机和电脑上,这两天做了一些调研,发现这技术真不错,不是app,胜似app。

所以果断做了一次升级:支持 PWA 安装


这次更新带来了什么

1. 可以安装到桌面 / 主屏幕

  • 电脑端可安装到桌面
  • 手机端可添加到主屏幕

2. 打开后更像一个独立应用

  • 安装后可使用独立窗口打开
  • 不再被浏览器地址栏、标签栏占用太多空间
  • 阅读时更专注,界面更干净

3. 更新体验更自然

  • 正常关闭后重新打开,通常就会获取最新内容
  • 如果你只是把应用切到后台,系统可能恢复旧页面
  • 为了解决这个问题,现在在 PWA 回到前台时,如果检测到有新版本,会提示你是否刷新

这对你有什么好处

最直接的好处有三个:

  • 更方便
    :像 App 一样点开就用
  • 更好用
    :阅读时少一层浏览器外壳,空间更大
  • 更稳定
    :前台切换到后台再切换回来,始终保持之前阅读状态

怎么安装

电脑端

推荐使用:

  • Chrome
  • Edge

进入网站后,如果浏览器支持安装,通常会在地址栏看到安装入口,或在站内看到安装提示。

此外,读通鉴现在也在个人中心中长期保留了安装入口,即使你关闭了首次提示,后续仍然可以随时进入个人中心手动安装。

安装完成后,读通鉴会像独立应用一样打开。

手机端

Android

推荐使用:

  • Edge浏览器

通常可直接安装,体验最好。除了浏览器自身的安装入口外,也可以进入个人中心使用安装按钮。(实测我的OPPO手机浏览器不支持,chrome也不行,但Edge完全没任何问题。)

iPhone / iPad

推荐使用:

  • Safari

在 Safari 中打开读通鉴后,可通过浏览器的分享菜单选择 “添加到主屏幕”如果你忘了怎么安装,也可以先进入个人中心,再按页面提示操作。


推荐浏览器

为了获得更稳定的安装体验,建议优先使用:

  • 桌面端:Chrome / Edge
  • 安卓端:Edge
  • 苹果手机和平板:Safari

部分第三方浏览器、内置浏览器或聊天软件内打开的网页,可能不支持安装,或者支持不完整。


需要说明的一点

这次 PWA 改造的重点是:

  • 安装能力
  • 独立窗口显示
  • 更好的使用体验

不是离线版 App,也不是把网站改造成完全独立的本地程序。读通鉴仍然以在线访问为主,这样可以更及时地获得新内容和新功能。


效果展示

手机-iphone

手机-安卓
电脑-windows11
欢迎体验。