macOS 中可通过 Safari 内置 Web App 功能将网页转为独立 Dock 应用:一、共享菜单添加;二、菜单栏“文件→添加到程序坞”;三、拖拽标签页 favicon 至 Dock;四、Automator 创建跨浏览器应用;五、终端手动构建 .app 包。

如果您希望在 macOS 系统中将常用网页以独立桌面应用的形式运行,并直接固定在 Dock 栏中,可借助 Safari 内置的 Web App 功能快速实现。该功能无需安装第三方软件,生成的应用拥有专属图标、独立窗口、简化界面及通知支持。以下是具体操作步骤:
一、通过 Safari 共享菜单添加网站到 Dock
此方式调用 Safari 的系统级共享扩展,适用于绝大多数现代网站(如 Gmail、Notion、Calendar),操作路径直观且兼容性高,能自动识别并使用网站 favicon 作为图标。
1、在 Safari 浏览器中打开目标网页,确保页面已完全加载并显示安全锁标识。
2、点击地址栏右侧的共享按钮(方框加向上箭头图标)。
3、在弹出的共享菜单中向下滚动,找到并点击“添加到程序坞”选项。
4、在名称编辑框中可修改应用标题(例如改为“企业邮箱”),点击图标区域可替换为自定义 PNG 图像。
5、勾选“在单独的窗口中打开”,然后点击蓝色“添加”按钮。
6、系统立即生成一个以 Safari 小标识为角标的独立应用,自动出现在 Dock 最右侧;拖动至任意位置即可完成固定。
二、通过 Safari 菜单栏命令创建 Web App
当共享菜单中未显示“添加到程序坞”选项(常见于部分内网页面或旧版 HTML 站点),可通过原生菜单路径强制触发 Web App 创建流程,绕过 UI 限制,稳定性更强。
1、确保 Safari 前台窗口正显示目标网页完整内容,非空白页或错误提示页。
2、点击屏幕顶部菜单栏中的“文件” → “添加到程序坞”。
3、确认 URL 正确无误,在名称栏中输入易识别的名称(如“内部系统”),支持中文命名。
4、点击图标预览区,可从本地选择一张 512×512 像素 PNG 图标,提升视觉一致性。
5、首次启动时若弹出“无法验证开发者”警告,需右键 Dock 图标 → “显示简介” → 勾选“仍要打开”以授权运行。
三、通过拖拽网页标签页图标至 Dock
这是一种隐藏式快捷操作,不经过任何对话框,直接在 Dock 生成轻量级启动入口,适合高频切换多个网页应用的用户,且支持触控板 Force Touch 预览增强交互。
1、在 Safari 中打开目标网页,确保其标签页处于活动状态(高亮显示)。
2、将鼠标悬停于标签页最左侧的网站 favicon 图标上,按住左键不放。
3、将该图标精准拖拽至 Dock 分隔线右侧的应用区域(废纸篓左侧)后松开。
4、Dock 即刻生成一个临时图标,此时按住 Option 键再点击该图标一次,即可跳过二次确认直接启用。
5、若图标未持久显示,可右键点击 → 选择“在程序坞中保留”确保重启后依然存在。
四、使用 Automator 创建跨浏览器网页应用
此方法生成标准 macOS 应用程序包(.app),支持指定 Chrome、Edge 或 Firefox 启动目标网址,不依赖 Safari 进程,适合多浏览器工作流或企业环境强制策略场景。
1、打开“应用程序”文件夹中的Automator,新建文稿并选择“应用程序”模板。
2、在左侧操作库搜索框中输入“运行 Shell 脚本”,双击添加至工作区。
3、在脚本框中输入命令:open -a "Google Chrome" "https://example.com"(将 Chrome 替换为实际浏览器名,URL 替换为目标地址)。
4、点击菜单栏“文件 → 另存为”,命名为“客户系统”,保存位置设为/Applications文件夹。
5、前往访达 → 应用程序,找到新保存的.app 文件,将其拖入 Dock 分隔线左侧固定区完成添加。
五、通过终端手动构建轻量 .app 包
该方式完全脱离图形界面,生成原生结构的 macOS 应用包,适用于批量部署、脚本化管理或偏好 CLI 操作的高级用户,生成的包可签名分发且无 Automator 依赖。
1、打开终端,执行命令创建目录结构:mkdir -p ~/Desktop/CRM.app/Contents/MacOS。
2、创建可执行文件:nano ~/Desktop/CRM.app/Contents/MacOS/CRM。
3、在 nano 编辑器中输入以下两行(按 Ctrl+O 保存,Ctrl+X 退出):
#!/bin/bash
open -a "Safari" "https://crm.internal"
4、赋予执行权限:chmod +x ~/Desktop/CRM.app/Contents/MacOS/CRM。
5、生成 Info.plist 描述文件(确保系统识别为合法应用):plutil -create xml1 ~/Desktop/CRM.app/Contents/Info.plist。


















