VKT Toolkit · 2026年10月8日 · 约 6 分钟

怎么把网页加到主屏幕（iPhone、安卓、桌面通用）

有些网页值得只隔一次点击——每班都要用的计数器、查屏幕的检测页、随手打开戳两分钟的减压小玩具。浏览器能做到这件事，而且只要二十秒：把网站加到主屏幕，它就变成一个图标，点开是全屏，跟 App 一样。

这份指南给出 iPhone / iPad、安卓、桌面 Chrome / Edge 的具体步骤，以及"找不到那个选项"时该查什么。示例用 VKT PWA——它是一组九款可安装网页应用——但同样的步骤适用于任何按 PWA 标准做的站点。

加到主屏幕到底做了什么

先搞清楚你得到的是什么，因为它并不等于一个书签：

• 主屏幕上多一个图标，用站点自己的名称和标志，点开就能用；
• 全屏——没有地址栏、没有标签页，只有应用本身；
• 离线可用——Service Worker 把应用缓存到设备上，没网也能打开；
• 不经过商店、不用下载、没有权限弹窗——严格意义上并没有"安装"任何程序，也不会被创建账号；
• 静默更新——没有版本要维护，站点一改，下次打开就是新版。

它不是什么：它不是原生 App，碰不到浏览器权限之外的东西，也不会出现在任何应用商店里。对一个小工具来说，这笔交换通常是划算的。

iPhone / iPad（Safari）

1. 用 Safari 打开这个网站。在 iOS 上必须是 Safari——iPhone 上的 Chrome 和 Firefox 不会给出这个选项；
2. 点屏幕下方的分享按钮（方框加向上箭头）；
3. 在分享面板里往下滑，选添加到主屏幕；
4. 确认或修改图标下面显示的名称，点添加；
5. 关掉 Safari，看主屏幕——图标就在那儿，点开是全屏，没有浏览器界面。

两个细节：如果列表里看不到添加到主屏幕，点分享面板底部的编辑操作，或者干脆再往下滑一点——较新的 iOS 版本里它排在 App 那一行下面。另外，如果这个站点你已经加过一次，这个选项可能被在 App 中打开取代，因为图标已经存在了。

安卓（Chrome 及其他）

1. 用 Chrome 打开这个网站；
2. 看地址栏右端。如果站点可安装，那里会出现一个安装图标（小屏幕加向下箭头，或者加号）——点它；
3. 如果没有图标，打开右上角三个点菜单，选添加到主屏幕或安装应用；
4. 确认名称，点添加或安装；
5. 图标会出现在应用抽屉和主屏幕上（取决于你用的桌面）。

三星浏览器里，同样的功能在菜单里叫添加到再选主屏幕。安卓版 Firefox 的菜单项叫安装。结果都是同一个图标，只是菜单用词不同。

桌面 Chrome 与 Edge

1. 用 Chrome 或 Edge 打开这个网站；
2. 看地址栏右侧有没有安装图标——一个小显示器加向下箭头；
3. 点它，确认安装。Edge 里这个入口在菜单的应用下面，叫将此站点作为应用安装；
4. 应用会以独立窗口打开、没有标签栏，并出现在你的应用程序列表、启动器或程序坞里。

桌面端有些 Linux 发行版和企业环境会用策略禁用安装，这种情况选项可能变灰或干脆没有。无痕 / 隐私窗口也会禁用安装，所以图标不出现时，先换普通窗口试试。

找不到选项怎么办

几乎所有情况都落在这几条里：

• 浏览器不对。iOS 上只有 Safari 能加到主屏幕，这是最常见的原因；
• 站点不支持安装。PWA 需要 manifest 和 Service Worker。普通网站仍然可以存成书签或快捷方式，但不会全屏离线打开；
• 你在无痕 / 隐私窗口里。无痕模式下安装功能是关闭的；
• 已经装过了。这时分享面板给你的会是"在 App 中打开"，安卓上图标也已经在应用列表里了；
• 被策略拦了。单位统一管理的设备、部分桌面安装环境，会集中禁用这个选项。

想删掉图标：手机上长按图标，选从主屏幕移除或卸载；桌面上右键应用窗口选卸载，或者到浏览器的"应用"页面里移除。除此之外什么都不受影响——除了那个应用自己的本地数据，没有别的东西被改动。

常见问题

更多指南见 VKT 博客.