跳到主要内容

此设备上的 Yave 统一账号登录将结束,因此你在此设备上使用的其他 Yave 服务也会一并退出登录。

让网站能以 App 形式安装(PWA)

最后更新: 2026-08-10

先说结论 —— 在编辑器设置的“App(安装)”标签页开启“可安装为 App”(Team 套餐起),访客就能把网站像 App 一样安装到手机主屏幕。安装只能从一个主地址进行,而且之后即使关闭功能,已安装的 App 也会继续正常运行。

要点速览

所需时间
约 3 分钟
所需套餐
Team
代码知识
不需要
操作位置
编辑器

操作步骤

  1. 1

    开启“可安装为 App”—— Team 套餐起

    在编辑器打开网站,进入设置菜单的“App(安装)”标签页,会看到一个开关。开启之后,从那一刻起访客的浏览器就会把这个网站识别为可安装的 App。在 Free、Personal、Advanced 套餐中开关是锁定的,只会显示“Team 套餐及以上可用。”的提示 —— 想使用就需要升级到 Team 及以上。

    编辑器的 App(安装)标签页 —— 让访客能把这个网站像 App 一样安装的设置画面
    开启后,访客的浏览器就会出现“安装”提示。
  2. 2

    图标会自动生成 —— 也可以自己指定

    App 图标并不是直接沿用品牌的网站图标(favicon)—— 可安装的 App 图标需要另外一张尺寸经过校验的图片。什么都不上传的话会自动帮你生成,想自己指定的话,上传 512×512 及以上的正方形 PNG 就会直接使用。

    设置 › App(安装)
    图标 自动生成
    若要自己指定 512×512 及以上的正方形 PNG(icon-512.png)
  3. 3

    只能从一个主地址安装

    即使一个网站可以同时通过子域名和多个自定义域名打开,安装也只能从指定为主地址的那一个网址进行。另外指定了主域名的话就是该域名,没有指定的话默认地址就是主地址。其余地址上连安装相关的路径都不会开放 —— 因为每个地址各自安装的话,访客会看到同一个 App 变成好几个。

    设置 › App(安装)
    可安装的地址 myname.mklyr.com(主地址)
    其他拥有的域名 不开放安装路径
  4. 4

    离线时也能显示画面(Service Worker)

    开启后,访客的浏览器也会一并安装离线用的 Service Worker。所以即使网络暂时中断,画面也不会白屏卡住,而是照样显示已保存的画面。这是让访客第一次打开 App 的体验不会中断的关键。

    设置 › App(安装)
    离线画面 由 Service Worker 自动显示
    网络中断时 已安装的画面照样打开

常见问题

免费套餐也可以吗?

不行,Team 套餐起提供。在 Free、Personal、Advanced 中,“App(安装)”标签页的开关是锁定的,只会看到“Team 套餐及以上可用。”的提示。

有多个域名的话,全部都能安装吗?

不行,只能从指定为主地址的那一个网址安装。指定了主域名的话就是该域名,没有指定的话默认地址就是主地址,其余地址上连安装路径都不会开放。

可以自己指定图标吗?

可以,上传 512×512 及以上的正方形 PNG 即可。不上传的话会自动生成。

之后关闭功能的话,已经安装的人的 App 会消失吗?

不会,已安装的 App 会继续正常运行。只会阻止新的安装。

网络中断时 App 也能打开吗?

可以,Service Worker 会显示离线用的画面。

动手比阅读更快 —— 现在就粘贴你的 HTML 吧。

搜索当前工作区的网站。如需切换工作区,请到侧边栏最上方。