浏览器中无法通过JS打开Deep Link的问题求助

当执行以下代码时：

window.open('nativecabinet://line/line_registration/70a4bd7d-b689-46fe-90e9-7fedc01b383f')

出现报错：

line_registration:1 Failed to launch 'nativecabinet://line/line_registration/70a4bd7d-b689-46fe-90e9-7fedc01b383f' because the scheme does not have a registered handler.

尝试过使用链接形式：

<a href="nativecabinet://line/line_registration/70a4bd7d-b689-46fe-90e9-7fedc01b383f">click</a>

同样无效，且浏览器导航栏URL未发生变化。

了解到Navigator.registerProtocolHandler可以自定义scheme，但该方法仅在33%的设备上支持，不是理想方案，目前没有解决思路，寻求帮助。

解决思路与方案 #

1. 先确认原生应用的Scheme注册是否正确 #

报错的核心是系统中没有对应nativecabinet scheme的处理应用，这是前提问题：

• 安卓端：检查AndroidManifest.xml中目标Activity的intent-filter，必须包含<data android:scheme="nativecabinet" />，同时Activity需配置exported="true"确保可被外部唤起。
• iOS端：确认Info.plist的LSApplicationQueriesSchemes数组已添加nativecabinet，且CFBundleURLTypes里配置了对应的scheme信息。

若原生应用未正确注册，前端任何操作都无法唤起，这是必须先排查的环节。

2. 前端兼容处理方案 #

若原生应用已注册但部分设备仍无法唤起，可尝试以下方法：

（1）用iframe绕过浏览器拦截

部分浏览器对window.open或a标签的自定义scheme拦截较严格，iframe方式可绕过部分限制：

function openNativeScheme(url) {
  const iframe = document.createElement('iframe');
  iframe.style.display = 'none';
  iframe.src = url;
  document.body.appendChild(iframe);
  setTimeout(() => {
    document.body.removeChild(iframe);
    // 唤起失败时可在此添加提示，比如引导用户安装应用
  }, 1000);
}

（2）计时检测唤起状态并降级

浏览器无法直接判断scheme是否唤起成功，但可通过计时间接判断：

function tryOpenScheme(url, fallback) {
  const startTime = Date.now();
  window.location.href = url;
  setTimeout(() => {
    // 若1.5秒内页面未切换，大概率唤起失败
    if (Date.now() - startTime < 1500) {
      fallback?.(); // 执行降级逻辑，比如跳应用下载页
    }
  }, 1500);
}

注意：计时参数需根据不同设备的唤起耗时调整，避免误判。

（3）针对内嵌浏览器做适配

• 微信浏览器：微信对自定义scheme拦截严格，需通过微信开放平台JS-SDK调用接口，或引导用户在外部浏览器打开。
• 支付宝、抖音等内嵌浏览器：这类平台有专属规则，需对接各自的开放能力实现唤起。

3. 关于Navigator.registerProtocolHandler的补充 #

该方法兼容性差，且仅能将scheme注册到浏览器自身的处理程序，无法直接唤起原生应用，不适合作为核心解决方案，仅可作为小众场景的补充。

内容的提问来源于stack exchange，提问作者Andrii Radkevych