Chrome中通过JavaScript/jQuery模拟点击打开安卓已装应用失败求助

我最近遇到个头疼的问题：在Chrome浏览器的HTML页面里，手动点击带有Intent协议的<a>标签能正常唤起已安装的安卓应用，但用JavaScript/jQuery模拟点击同一个链接时，死活没反应。我的代码如下：

<!doctype html>
<html>
<head>
<script src="assets/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<a id="openApp" href="intent://adjustify/#Intent;scheme=https;package=com.adjustify.android;end">click me 65</a>
</body>
<script>
$(document).ready(function(){
  setTimeout(function(){
    document.getElementById('openApp').click();
  }, 2000);
});
</script>
</html>

试了好几种方法都没用，想请教大家有没有解决办法？

原因分析 #

这其实是Chrome的安全限制在搞鬼——浏览器为了防止恶意网站未经用户许可就乱开APP或执行敏感操作，会严格区分「用户主动交互」和「脚本自动触发」的操作。手动点击属于用户主动发起的行为，会被允许执行Intent跳转；而setTimeout里的模拟点击是脚本自动触发的，不在浏览器的白名单里，所以被拦截了。

可行解决方案 #

1. 引导用户主动点击（最稳妥的方案）

既然脚本触发被限制，不如换个思路：先等2秒，然后显示一个按钮或提示，让用户手动点击来唤起应用。这样既符合浏览器的安全规则，也不会让用户觉得突兀。代码示例：

<!doctype html>
<html>
<head>
<script src="assets/js/jquery-3.3.1.min.js"></script>
<style>
#openBtn { display: none; padding: 10px; font-size: 16px; }
</style>
</head>
<body>
<button id="openBtn">点击打开应用</button>
<a id="openApp" style="display:none" href="intent://adjustify/#Intent;scheme=https;package=com.adjustify.android;end"></a>

<script>
$(document).ready(function(){
  setTimeout(function(){
    $('#openBtn').show().on('click', function(){
      document.getElementById('openApp').click();
    });
  }, 2000);
});
</script>
</body>
</html>

2. 直接创建Intent跳转（跳过模拟点击）

不需要模拟点击<a>标签，直接通过JavaScript创建Intent链接并尝试跳转。不过要注意，这种方式如果是脚本自动触发依然可能被拦截，最好还是绑定到用户的主动操作上。比如用iframe加载Intent：

function openAndroidApp() {
  const intentUrl = 'intent://adjustify/#Intent;scheme=https;package=com.adjustify.android;end';
  const iframe = document.createElement('iframe');
  iframe.style.display = 'none';
  iframe.src = intentUrl;
  document.body.appendChild(iframe);
  
  // 加载后移除iframe
  setTimeout(() => {
    document.body.removeChild(iframe);
  }, 1000);
}

$(document).ready(function(){
  // 绑定到页面的首次点击事件，用户点击任意位置触发
  $('body').one('click', () => {
    openAndroidApp();
  });
});

3. PWA场景：配置Web App Manifest（进阶方案）

如果你的页面是渐进式Web应用（PWA），可以在manifest.json里配置与APP关联的规则，配合APP端的intent-filter配置，让浏览器更顺畅地处理应用唤起。不过这个方案需要APP端的配合，适合有开发APP权限的场景。

总结 #

核心原则就是：浏览器只信任用户主动发起的交互操作来打开外部应用。所以优先选择引导用户手动点击的方案，不仅兼容性最好，也能避免被浏览器拦截的问题。

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