Mastodon
  • 什么是Mastodon?
  • 使用Mastodon
    • 创建一个帐户
    • 设置个人资料
    • 发布嘟文
    • 使用社交功能
    • 处理不想要的内容
    • 推广自己和他人
    • 设置你的首选项
    • 更多设置
    • 站外使用Mastodon
    • 使用PWA版Mastodon
    • 迁移或删除帐户
    • 运行自己的服务器
  • 运营Mastodon
    • 准备你的机器
    • 从源中安装
    • 设置你的环境
    • 安装可选特色功能
      • 全文搜索
      • 匿名服务
      • 单点登录(SSO)
    • 配置你的新实例
    • 使用管理命令行
    • 升级到新版本
    • 备份你的服务器
    • 迁移到新机器
    • 伸缩你的服务器
    • 运营操作
    • 故障分析
  • 前往英文版查看更多
    • 更多

使用PWA版Mastodon

你还可以通过PWA应用来浏览Mastodon或与Mastodon进行交互。

    • 什么是PWA应用?
    • 为什么要使用PWA版的Mastodon?
    • 在Android使用PWA应用
    • 在iOS使用PWA应用
    • 在桌面环境使用PWA应用

什么是PWA应用?

Progressive Web App

Progressive Web App

PWA(Progressive Web App),即渐进式Web应用,是结合了一系列现代Web技术的组合,在Web应用中实现和原生应用相近的用户体验的应用。

一个 PWA 应用首先是一个网页, 可以通过Web技术编写出一个网页应用。随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。
相较于使用浏览器访问,PWA应用可以在主屏幕添加图标,并实现相似原生应用的体验。

  • PWA可以添加至主屏幕,点击主屏幕图标可以实现启动动画以及隐藏地址栏
  • PWA实现离线缓存功能,即使用户手机没有网络,依然可以使用一些离线功能
  • PWA实现了消息推送

这些特性使得PWA应用更接近原生应用。

为什么要使用PWA版的Mastodon?

相比于安装第三方客户端,访问一个网页显然更加容易和迅速;
相比于直接在浏览器访问网页,使用接近原生应用的PWA应用显然更加优雅和舒适。

在另一方面,部分实例会对Web前端进行自定义修改以实现一些自己想要的功能。例如本实例(Monado) 就修改了嘟文字数,新增了“仅本实例可见”与“嘟文翻译”功能等,以及一些自定义主题。
这些变化只能体现在Web,无法应用在未经修改的第三方客户端。
这也是为什么我个人始终推荐用户使用PWA而非第三方客户端。

安装PWA,操作上可以理解成“将网页书签添加到桌面”这样一个过程。

在Android使用PWA应用

在此之前,请确认你已经安装了Chrome,Chrome是Android上对PWA支持最好的浏览器。你可以在手机乐园 或Play商店 下载安装。

Google Chrome

Google Chrome

接下来,在Chrome中访问你想安装PWA应用的实例主页,打开菜单。

选择“添加到主屏幕”

选择“添加到主屏幕”


确认“添加”

确认“添加”


你将会在桌面上看到Mastodon的PWA应用图标

你将会在桌面上看到Mastodon的PWA应用图标


如果图标添加失败,请检查你是否给Chrome开启了"桌面快捷方式权限”。

PWA应用界面

PWA应用界面

启动这个PWA应用,可以看到界面和原生应用相似,没有了地址栏。

在iOS使用PWA应用

在iOS中,使用Safari即可安装PWA应用。
在Safari中访问你想安装PWA应用的实例主页,打开“分享”菜单。

选择“添加到主屏幕”

选择“添加到主屏幕”

确认“添加”

确认“添加”

你将会在桌面上看到Mastodon的PWA应用图标

你将会在桌面上看到Mastodon的PWA应用图标

在桌面环境使用PWA应用

桌面环境中,Chrome对PWA的支持也是最好的。
在Chrome中访问你想安装PWA应用的实例主页,打开菜单。

选择“安装”

选择“安装”


确认“安装”

确认“安装”


你将会在桌面上看到Mastodon的PWA应用图标

你将会在桌面上看到Mastodon的PWA应用图标


PWA应用界面

PWA应用界面

启动这个PWA应用,可以看到界面和原生应用也很相似。

  • Microsoft Edge浏览器也可以安装PWA应用,过程与Chrome大同小异,这里不再赘述。

最后更新于 October 7, 2020 · 改进此页面