(Mac版)终于搞懂了浏览器是怎么唤醒本地应用了

写在前面

之前写了一篇Windows版的终于搞懂了网盘网页是怎么唤醒本地应用了的文章, 发表后,直接窜上了综合热榜第一,这是令我没想到的。 传送门:终于搞懂了网盘网页是怎么唤醒本地应用了

然后有些朋友就问了,好奇Mac上应该怎么配置自定义协议来通过浏览器唤醒本地应用。这篇文章我就简单记录一下。

Mac的自定义协议

不像Windows在注册表中配置,每个Mac应用都会有一个Info.plist的配置文件,这里还用VS Code来举例子

/Applications/Visual Studio Code.app/Content/Info.plist

这个文件是每个app都会包含的,而自定义打开协议就在这里配置。

xml 复制代码
<array>
        <dict>
                <key>CFBundleTypeRole</key>
                <string>Viewer</string>
                <key>CFBundleURLName</key>
                <string>Visual Studio Code</string>
                <key>CFBundleURLSchemes</key>
                <array>
                        <string>vscode</string>
                </array>
        </dict>
</array>

这里大家应该都能看懂,是一个数组里套了个字典。通过配置CFBundleURLSchemes这个key,值为vscode就代表了定义了一个vscode的协议。几乎每个应用都会有自己的伪协议。

注:这里纠正一个之前文章的小错误,windows中,基本上每个应用程序安装后都已经注册好了自定义协议。所以在之前windows的文章演示中那个vscode协议早就存在了,我的注册表操作只是把它重写了,在这里纠正一下。

但是仅仅写到这里就可以了吗,肯定不行的。需要执行一下app,在每个app第一次执行的时候,Mac系统都会自己先过一遍整个应用,然后自动把配置添加到系统中,这个是不需要用户去完成的。

所以当你点击运行一次之后,这个协议就被识别然后添加到了系统自定义协议中了。

配置自定义协议

自己搞一个mac app成本较大(本人也不会)。这里为了方便演示,我用如下流程:

在应用文件夹中复制一份VScode,更名为vs.app,然后重写自定义协议为vs,来用浏览器唤醒。

bash 复制代码
cp -r Visual\ Studio\ Code.app vs.app

然后进入vs.app的Contents

编辑Info.plist

xml 复制代码
<array>
        <dict>
                <key>CFBundleTypeRole</key>
                <string>Viewer</string>
                <key>CFBundleURLName</key>
                <string>Visual Studio Code</string>
                <key>CFBundleURLSchemes</key>
                <array>
                        <string>vs</string>
                </array>
        </dict>
</array>

修改string值为 vs,保存。

然后在应用程序中,打开

这个是正常的,损坏了。我这里只是为了演示配置一个vs伪协议,运行一次的原因是为了让系统识别一次,把自定义的vs协议注册到系统中。

随后,我们打开浏览器输入 vs://

点击打开后确认是咱们新添加的这个损坏的程序。

查询Mac中的自定义协议

这里我再多说一下怎么查询Mac中的自定义协议,系统中有一个LaunchServices的概念,是负责应用程序的注册启动等相关的内容的。

所以可以通过如下命令来去获取自定义协议信息

bash 复制代码
/System/Library/Frameworks/CoreServices.framework/Versions/A/Frameworks/LaunchServices.framework/Versions/A/Support/lsregister -dump | grep -i "bindings:.*:"

可以列出当前所有的支持协议

刚刚的vs也赫然在列。

相关推荐
ZC跨境爬虫5 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人5 小时前
HTML 字符引用完全指南
开发语言·前端·html
幼儿园技术家6 小时前
前端如何设计权限系统(RBAC / ABAC)?
前端
前端摸鱼匠7 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker8 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding9 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马9 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren9 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川9 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端