米贴 Meetab

把新标签页装成 App:一招让它像原生程序一样待在桌面

发布于 2026-09-10

很多人用浏览器新标签页,是把它当一个轻量工作台:放常用网站、写待办、挂张壁纸。问题是每次都要先进浏览器,再从标签页或者书签里把它翻出来。

PWA 安装能直接消掉这一步。把新标签页装成 App,它会变成一个独立的窗口,有自己的图标,躺在桌面、Dock 或开始菜单里。点一下就开,没有地址栏,没有标签页,和本地装的软件长一个样。

装完之后到底哪里不一样

普通书签打开,还会带着整排浏览器界面。装成 PWA 之后,窗口去掉了地址栏和工具栏,只留下内容本身。

系统会把它当成一类应用对待。Windows 上它出现在开始菜单和任务栏,macOS 上它进启动台,也能被 Spotlight 搜到。图标下方还能显示启动图(splash screen),那张图的颜色和图标都来自站点自己写的清单文件。

更实在的是离线。因为 PWA 背后有 Service Worker 在本地做了缓存,断网也能看上次加载过的内容。站点更新之后,它会在后台偷偷拉新版,下次打开就是新的,不用你手动去点刷新。

各平台怎么装

不同浏览器入口不一样,但思路一致:让站点以独立应用的形式常驻。

桌面 Chrome 和 Edge 最省事。打开网页,地址栏右侧如果出现一个安装图标(一个小显示器加下载箭头),点它再点安装就行。没有图标也别急,点右上角三个点菜单,选"安装应用"也能触发。装好后窗口独立存在,关掉浏览器它也不受影响。

macOS 的 Safari 从 Sonoma(macOS 14)开始支持。打开网页,从顶部菜单选"文件",再点"添加到 Dock",确认名字就好。它会出现在 Dock 栏,跟别的 App 并排。

安卓的 Chrome 最主动。符合条件的站点会自动弹出安装横幅,点安装即可;不想等横幅,也可以进菜单选"添加到主屏幕"。图标直接进主屏和应用抽屉。

iPhone 和 iPad 只能用 Safari。打开网页,点底部的分享按钮,往下翻到"添加到主屏幕",再点右上角添加。装好之后它确实在一个独立窗口里运行,没有 Safari 的边框。iOS 16.4 之后,装到主屏的 PWA 才能收推送通知,这是先装再用才有的能力。

前提是站点本身支持 PWA

能不能装,不取决于你,取决于那个新标签页工具自己配没配好。浏览器愿意弹安装提示,需要满足几个硬条件。

第一,站点必须跑在 HTTPS 上。本地调试的 localhost 是例外,但线上正式地址一律要加密连接。

第二,站点要有一份清单文件(manifest)。里面至少得写全这几样:应用名称(name 或 short_name)、启动地址(start_url)、显示模式(display),以及图标。图标不能随便给一张,规范上要求至少准备 192×192 和 512×512 两种尺寸,系统才好挑一张合适的往上摆。

第三,要注册并激活一个 Service Worker。它负责离线缓存和后台更新,是 PWA 的核心。清单文件和它都得用正确的 MIME 类型返回,通常是 application/manifest+json 或 application/json,否则浏览器会当作无效而忽略。

MDN 的 PWA 教程把这些条件列得很清楚:有清单、走 HTTPS、有合格的图标、Service Worker 在跑,这四个齐了,安装提示才会出现。

几个容易踩的点

Firefox 桌面版目前不支持把网页装成 PWA。你在地址栏找不到安装入口,菜单里也没有对应选项。这是浏览器本身的能力缺口,不是你操作错了。想在桌面用独立窗口,暂时还得更 Chrome 或 Edge 走。

iOS 上"添加到主屏幕"只有 Safari 提供。同一个链接,你在 iPhone 的 Chrome 或 Firefox 里打开,是找不到这个入口的。苹果把这项能力锁在自家的 Safari 里,换浏览器就得切回去。

独立窗口也不是全无代价。在 iOS 上,PWA 没法接入系统的分享面板,做不了后台音频,也接不上高级的 Siri 指令,更不能被设成默认应用。它处在网站和原生 App 中间那一档,比网页强,但还不是完整的原生程序。要是你特别依赖这些系统级能力,PWA 暂时还替不了真正的原生安装包。

米贴本身也能这么装

米贴网页版就是按 PWA 标准做的,manifest 和 Service Worker 都在。你在桌面 Chrome、Edge 或 macOS Safari 里打开 meetab.cn,按上面的步骤就能把它钉到桌面或 Dock。

这样一来,你每天开几十次的那张新标签页,就真的成了一个常驻应用。点图标就进,不绕浏览器,断网也照样显示上次的内容。

收个尾

把新标签页装成 App,本质是把"进浏览器再找它"变成"点一下就开"。桌面 Chrome、Edge、macOS Safari、安卓 Chrome 都支持,入口都在地址栏附近或者分享菜单里。

记住两个前提:站点得自己支持 PWA,你手上的浏览器也得认。Firefox 桌面和 iOS 的非 Safari 浏览器暂时还不行,碰到装不上的情况,先确认这两点,多半就能找到原因。