web app
把 harvis.dev 装成应用
harvis.dev 提供了 Web 应用清单，浏览器可以像安装其他应用一样安装它——独立窗口，以及停靠栏或主屏幕上的专属图标。没有应用商店，没有安装包，也不要任何权限。
安装之后有什么不同
独立的窗口
没有标签页，没有地址栏。上传器和你的控制台会在干净的独立窗口中打开，并在应用切换器里占据自己的位置。
一下就能发布
停靠栏、任务栏或主屏幕上多一个图标。打开它，拖入文件夹，窗口还没停稳，站点就已经上线。
没有东西要下载
就是你正在看的这个站点——安装只是多了图标和窗口。没有安装包，没有商店账号，也没有需要批准的后台更新。
如何安装
选择你正在使用的浏览器。无论走哪条路，结果都一样：harvis.dev 和原生应用并排。
桌面版 Chrome、Edge 或 Brave
- 01看地址栏右端的安装图标——一个带向下箭头的小显示器。
- 02没有图标？打开浏览器菜单，选择“将页面安装为应用”（Edge 在 应用 → 将此站点安装为应用）。
- 03确认后，harvis.dev 会在独立窗口中打开，并出现在应用启动器里。
Android 版 Chrome
- 01点右上角的 ⋮ 菜单。
- 02选择“添加到主屏幕”，然后点“安装”。
- 03图标会出现在主屏幕上，打开时不带任何浏览器界面。
iPhone 和 iPad 上的 Safari
- 01点“分享”按钮——带向上箭头的方块。
- 02在面板里向下滑，点“添加到主屏幕”，再点“添加”。
- 03iOS 读取的是同一份清单，但从不弹出提示，所以这是唯一的入口。
Mac 上的 Safari
- 01在普通标签页中打开 harvis.dev。
- 02在菜单栏选择 文件 → 添加到程序坞，命名后点“添加”。
- 03需要 macOS Sonoma 或更新版本——更早的 Safari 无法安装网页应用。
桌面版 Firefox 已取消网页应用安装，书签是最接近的替代。Android 版 Firefox 的菜单里仍然有“添加到主屏幕”。
清单里有什么
整个安装只由一个文件驱动，路径是 /site.webmanifest。浏览器从中读取应用叫什么、用哪个图标，以及窗口该怎么打开。
site.webmanifest
{
"name": "harvis.dev",
"short_name": "harvis.dev",
"start_url": "/",
"display": "standalone",
"background_color": "#13161a",
"theme_color": "#13161a",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
{ "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}“standalone”这个字段负责去掉浏览器界面；maskable 图标则是 Android 会裁成自己形状的那一个。