iPhone端网页Facebook链接如何跳转唤起本地Facebook App

你之前用的fb://page/、fb://profile/属于Facebook早期版本的URL Scheme，iOS端新版Facebook已经废弃了这两个路由规则，仅安卓端还保留兼容，另外testingbot这类云测平台的iOS实例多为修改版系统/重打包App，本身对自定义Scheme的校验就存在异常，不要完全依赖云测结果判断方案有效性，优先用未越狱实机安装App Store正式版Facebook验证。

可行实现步骤 #

• 替换为iOS端现行有效的Scheme格式
  目前iOS端打开指定公共主页的有效Scheme格式为fb://facewebmodal/f?href=对应Facebook主页的网页地址，以你提到的主页ID 10101225458为例，正确的Scheme值为fb://facewebmodal/f?href=https://www.facebook.com/10101225458
• 不要直接把自定义Scheme写在<a>标签的href属性中，iOS Safari会对静态写入的非系统Scheme做拦截，可能直接无响应，需要通过点击事件触发JS跳转
• 增加降级兼容逻辑：设置1.5秒左右的超时判断，如果唤起App失败（用户未安装Facebook），自动跳转到网页版主页，避免点击无反应
• 安卓端可保留原有逻辑，或者直接跳转网页版地址，安卓系统会自动唤起已安装的Facebook App并询问是否打开

可直接用于静态站的代码示例 #

<a href="https://www.facebook.com/10101225458" id="fb-home-link">访问我们的Facebook主页</a>
<script>
const fbLink = document.getElementById('fb-home-link');
const targetFbId = '10101225458';
const isIOSDevice = /iPhone|iPad|iPod/i.test(navigator.userAgent);

fbLink.addEventListener('click', function(e) {
  e.preventDefault();
  if (isIOSDevice) {
    const jumpStartTime = Date.now();
    const appJumpUrl = `fb://facewebmodal/f?href=https://www.facebook.com/${targetFbId}`;
    const webFallbackUrl = `https://www.facebook.com/${targetFbId}`;
    // 尝试唤起Facebook App
    window.location.href = appJumpUrl;
    // 超时判断：1.5秒内页面未切后台说明唤起失败，跳转网页版
    setTimeout(() => {
      if (!document.hidden && Date.now() - jumpStartTime < 2000) {
        window.location.href = webFallbackUrl;
      }
    }, 1500);
  } else {
    // 非iOS设备直接跳转网页地址，系统会自动匹配唤起App
    window.location.href = this.href;
  }
})
</script>

注意事项 #

• fb://profile/路径目前在iOS端仅支持跳转个人账号页，打开公共主页会直接跳转到当前登录用户的个人时间线，无法到达目标主页
• 如果你的公共主页设置了自定义短用户名，可以直接把代码里的数字ID替换为自定义用户名，跳转效果一致
• 测试时如果出现首次点击弹权限提示、二次点击正常唤起属于iOS系统的正常权限校验逻辑，不是代码问题

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