如何实现网站移动端按钮通过Facebook应用而非浏览器分享链接

你需要实现移动端点击按钮时，调用Facebook主应用而非浏览器分享链接，目前你有可用的Messenger分享代码，但修改后的Facebook应用分享代码仅能打开APP，无法带入分享链接，问题出在URI参数的使用错误。

正确的代码修改方案 #

Facebook主应用的分享URI参数不是link，而是href，修改后的代码如下：

$('.fb-app').click(function(){
  window.open('fb://share?href=' + encodeURIComponent(link) + '&app_id=' + encodeURIComponent(app_id));
})

关键注意事项 #

• 确保link变量是完整的、带有HTTP/HTTPS前缀的合法URL，否则Facebook应用无法识别并加载分享内容
• 部分安卓设备可能存在URI调用失败的情况，可以添加 fallback 逻辑：如果调用FB应用失败，自动切换到浏览器分享
• iOS系统对Facebook URI的支持更稳定，但需确保用户已安装最新版本的Facebook应用

兼容优化版代码 #

如果需要更好的兼容性，可以用模板字符串优化代码可读性：

$('.fb-app').click(function(){
  const encodedLink = encodeURIComponent(link);
  const encodedAppId = encodeURIComponent(app_id);
  window.open(`fb://share?href=${encodedLink}&app_id=${encodedAppId}`);
})

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