跳转到主内容
新派编程网 - 新潮编程理念,全新技术课堂!

Safari浏览器网页App固定到程序坞Dock栏桌面应用化怎么弄_Safari浏览器PWA高级支持

在 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 小标识。

Comet AI 浏览器下载 Comet AI 浏览器,体验由 Perplexity AI 驱动的革命性上网方式。内置 AI 助手可实时总结网页、跨标签页对比信息、自动执行任务。告别繁琐操作,让 AI 成为你的浏览副驾,大幅提升研究与工作效率。支持 Windows、macOS、Android 和 iOS。

下载

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,但不会启用独立窗口或通知权限。

相关文章