在 macOS Safari 中可通过五种方法将 PWA 网站固定到程序坞:一、共享按钮添加;二、菜单栏“文件→添加到程序坞”;三、手动拖拽已生成的.app至 Dock 固定区;四、Chrome 安装 PWA 补充支持;五、拖拽 favicon 创建临时图标。

如果您在 macOS 上使用 Safari 浏览器访问支持 PWA(渐进式 Web App)的网站,并希望将其以桌面应用形式运行、拥有独立图标与窗口、并永久固定到程序坞(Dock),则可通过 Safari 内置的 Web App 创建机制实现。该功能会生成一个专属.app包,继承网站登录态、支持通知徽章、启用隐私权限隔离,并脱离 Safari 主进程运行。以下是具体操作方法:
一、通过共享按钮创建并固定网页App
此方式直接调用 Safari 的系统级共享菜单,触发 Web App 构建流程,适用于 Gmail、Notion、Twitter 等主流 PWA 网站,无需额外工具或配置。
1、在 Safari 浏览器中完整加载目标网站页面(确保 URL 正确且页面无错误)。
2、点击地址栏右侧的共享按钮(方框加向上箭头图标)。
3、在弹出菜单中向下滚动,选择“添加到程序坞”选项。
4、在名称输入框中可修改应用标题(如改为“钉钉Web”),点击“添加”后,Safari 自动创建 Web App 并立即出现在程序坞最右侧。
5、首次启动时若提示“无法验证开发者”,需右键 Dock 图标 → “显示简介” → 勾选“仍要打开”以授权运行。
二、通过菜单栏命令创建网页App
该路径绕过共享菜单,使用 Safari 原生菜单指令,对部分未在共享菜单中显示“添加到程序坞”的旧版网页、内网系统或自定义域名站点更可靠。
1、确保 Safari 当前标签页已完全加载目标网站(非空白页、非 404 页面)。
2、点击屏幕顶部菜单栏中的“文件” → “添加到程序坞”。
3、确认 URL 显示正确,在名称字段中编辑应用名(支持中文),可点击图标区域更换为网站 favicon 或自定义图像。
4、点击蓝色“添加”按钮,Web App 将保存至“/Applications”文件夹,并自动在程序坞中生成图标。
5、若图标未持久显示,可进入“应用程序”文件夹,右键该应用 → 选择“在程序坞中保留”。
三、手动拖拽已生成的 Web App 至程序坞
当 Web App 已成功创建但未自动固定,或因系统设置导致图标重启后消失时,此方法可确保其长期驻留于 Dock 固定区。
1、打开 Finder,前往“应用程序”文件夹(路径为 /Applications,非用户主目录下的 Applications)。
规划您的迪拜之旅 — 哈利法塔观景、沙漠探险、迪拜购物中心购物、棕榈岛度假村及黄金市场砍价。还提供支持...
2、查找以网站名称命名的应用(如“Notion”、“GitHub”、“腾讯会议Web”),图标左下角带有 Safari 小标识。
3、将该应用图标直接拖拽至程序坞分隔线左侧区域(即常驻应用区,而非右侧最近使用区)。
4、松开鼠标后图标即被锁定,右键点击可验证是否显示“在程序坞中保留”已勾选。
四、使用 Chrome 浏览器补充创建 PWA 并固定
Chrome 对 PWA 的 manifest 解析与安装流程支持更全面,尤其适用于 Safari 未能识别为 PWA 的网站,生成的应用具备更完整的离线能力与通知控制。
1、在 Google Chrome 中打开目标网站(如 Trello、Slack Web、Vercel Dashboard)。
2、检查地址栏左侧是否出现“安装”图标(带加号的方形);若未显示,点击右侧三点菜单 → 查找“安装此网站”选项。
3、点击“安装”,在弹窗中确认应用名称,保持默认设置或修改为便于识别的名称。
4、点击“安装”按钮,Chrome 将创建独立应用并自动在程序坞中生成图标。
5、安装完成后,可在 Launchpad 或“应用程序”文件夹中找到该应用,其图标右下角无 Safari 标识,行为更接近原生应用。
五、通过拖拽网页标签页快速生成临时 Dock 图标
此方法不生成正式 Web App,而是利用 Safari 标签页 favicon 的拖拽机制创建轻量级启动入口,适合测试性使用或临时高频访问场景。
1、确保 Safari 中已打开目标网页,且该标签页处于活动状态。
2、将鼠标悬停于地址栏左侧的网站 favicon 图标上(通常为小锁、字母或品牌图标)。
3、按住鼠标左键不放,将该图标拖拽至程序坞任意空白位置后松开。
4、Dock 中将出现一个临时图标,右键点击该图标 → 选择“在程序坞中保留”以防止重启后丢失。
5、点击该图标将使用 Safari 默认配置打开对应 URL,但不会启用独立窗口或通知权限。

















