Chrome无法启动以数字开头的自定义URL Scheme应用，求解决方法

这个问题我之前也踩过坑——现代浏览器（比如Chrome）对自定义URL协议的语法校验比IE严格太多，RFC规范明确要求协议名（schema）必须以字母开头，所以直接用location.href = '5appname://launch:00/'会被判定为无效URL，而IE的解析规则更宽松，所以能正常运行。

下面是几个不需要修改应用名称的可行解决方案：

方案1：用隐藏iframe触发协议跳转 #

创建一个临时的隐藏iframe，通过设置它的src来触发自定义协议，这种方式可以绕过location.href的URL校验逻辑：

function launchNumberPrefixedApp() {
  // 创建完全隐藏的iframe
  const iframe = document.createElement('iframe');
  iframe.style.position = 'absolute';
  iframe.style.width = '1px';
  iframe.style.height = '1px';
  iframe.style.border = 'none';
  iframe.style.display = 'none';
  // 设置目标协议链接
  iframe.src = '5appname://launch:00/';
  document.body.appendChild(iframe);
  
  // 短暂延迟后移除iframe，避免DOM残留
  setTimeout(() => {
    if (document.body.contains(iframe)) {
      document.body.removeChild(iframe);
    }
  }, 100);
}

// 必须绑定到用户交互事件（比如按钮点击）才能生效
document.querySelector('#launchBtn').addEventListener('click', launchNumberPrefixedApp);

方案2：用隐藏a标签模拟点击 #

创建一个隐藏的<a>元素，设置其href为目标协议，然后模拟点击事件——部分浏览器对a标签的href解析限制会比location.href更少：

function launchAppViaLink() {
  const link = document.createElement('a');
  link.href = '5appname://launch:00/';
  link.style.display = 'none';
  document.body.appendChild(link);
  
  // 模拟用户点击行为
  link.click();
  
  // 用完后移除元素
  document.body.removeChild(link);
}

// 绑定到用户触发的交互事件
document.getElementById('launchButton').addEventListener('click', launchAppViaLink);

方案3：用window.open（注意弹窗拦截） #

在用户交互上下文内调用window.open，虽然可能会弹出空白窗口，但可以自动关闭，同时触发协议跳转：

document.getElementById('launchBtn').addEventListener('click', () => {
  const tempWindow = window.open('5appname://launch:00/');
  // 延迟关闭空白窗口，给浏览器足够时间触发协议跳转
  setTimeout(() => {
    if (tempWindow && !tempWindow.closed) {
      tempWindow.close();
    }
  }, 200);
});

关键注意事项 #

• 所有方法都必须在用户主动触发的交互事件（比如点击、触摸）内执行，否则现代浏览器会因为安全策略阻止跳转（防止恶意脚本自动启动应用）。
• 可以添加失败检测逻辑：比如设置一个3秒的定时器，如果时间到了页面仍然处于活跃状态（没有失去焦点），就提示用户“未检测到应用，请确认已安装”。
• 建议在多浏览器中测试兼容性，不同厂商对自定义协议的处理细节可能略有差异。

内容的提问来源于stack exchange，提问作者Peter Cottle