如何在Windows和macOS上实现从网页浏览器启动本地桌面应用

DevOps 小满

2026-10-11

实现方式

可以实现，核心依赖桌面软件注册的自定义URI协议（URL Scheme），JavaScript仅用于触发唤起和兜底逻辑。

原理说明

Zoom这类客户端在安装时会主动向操作系统注册专属的URI协议（比如Zoom的协议为zoommtg://），当浏览器识别到该协议开头的跳转请求时，会直接调用系统能力唤起对应的本地桌面应用，不会触发下载。
你之前的操作触发下载，是因为你用了普通http/https开头的安装包地址，没有使用对应应用的自定义协议链接。

具体实现步骤

如果你是调用现有第三方应用（比如Zoom）：直接使用官方提供的自定义协议拼接参数即可，比如Zoom的加入会议链接格式为zoommtg://zoom.us/join?confno=会议ID&pwd=会议密码
如果你是自研桌面应用：需要在桌面端安装逻辑里添加自定义协议注册配置，比如Electron应用可以直接在打包配置中声明自定义协议，安装时会自动写入系统注册表/配置文件
前端触发代码示例：

// 绑定到用户主动点击的事件上，避免被浏览器安全策略拦截
document.querySelector('#join-btn').addEventListener('click', () => {
  const appSchemeUrl = 'yourapp://join?meetingid=123456'
  // 尝试跳转唤起应用
  window.location.href = appSchemeUrl

  // 兜底逻辑：2秒后如果没有唤起（说明用户没装应用），跳转下载页/弹出提示
  setTimeout(() => {
    if (confirm('未检测到本地客户端，是否下载安装？')) {
      window.location.href = '你的客户端下载地址'
    }
  }, 2000)
})