迫使Facebook在智能手机的外部浏览器中打开链接



我如何在Facebook帖子中发布指向我的网站的链接,并在使用智能手机应用程序时将其打开在用户的外部浏览器中,而不是Facebook的本机浏览器,该浏览器无法正常显示?我的页面是http://www.hannabery.com

在Android上,您可以使用Firebase Dynamic链接让用户通过外部浏览器打开特定的URL。我猜Android WebView配备了一些Firebase SDK,因此此方法仅适用于Android。用户仍然通过应用程序内浏览器在iOS上打开链接。

  1. 创建一个动态链接的项目和域

  2. 手动创建链接,例如:https://domain.page.link/?link=your_dest_url(或其他许多创建链接的方法(

例如,在Facebook或Messenger上发布此链接,然后尝试:

https://fugle.page.link/trade-landing-page

NOTE :动态链接主要用于在平台和应用程序安装之间提供一致且平稳的UX。这只是我发现的副作用可能有助于回答这个问题,并且可能不会持续很长时间,因此不应将其作为最终解决方案。

希望这种方式可以帮助您:

var ifc = document.createElement("div");
ifc.innerHTML = `<iframe src='${browserScheme}${target}' style='width:0;height:0;border:0; border:none;visibility: hidden;'></iframe>`;
document.body.appendChild(ifc);

全面来源和示例:https://github.com/huantt/force-open-browser/tree/master/master

https://github.com/huantt/force-open-browser/tree/master,我认为这只有在Messenger上发送链接时才起作用。但是,单击FB Messenger的任何链接都会询问您喜欢什么浏览器。我在页面上使用了代码,然后在FB上发布了链接,并由FB浏览器打开。多么烦人:(

这无法完成(出于明显的安全原因(,但是有某些方法

1.为您的网站创建应用程序

如果您为您的网站创建一个应用程序,那么在此期间不需要Facebook

2.创建一个显示Facebook页面的应用

只要您的页面而不是误导性的内容,就可以在Android Studio中做一些漂亮的事情

例如,如果您发布了

mywebsite.com/forum/

有一个很酷的功能,您可以从那里使用.endsWith("/forum/"),当单击以"/form//"

结尾的链接时,您可以使您的应用程序执行任何操作

我已经完成了一些事情

  1. 重定向到该链接
  2. 打开浏览器以显示链接
  3. 移至App的部分
  4. 显示对话框

,还有更多您的能力

如果您对PWA有问题,则在Facebook(插入expletive(移动浏览器中未正确运行。使用动态链接将其迫使它进入常规浏览器。但是不要使用您的自定义域。使用https://yourdomain.page.link

https://firebase.google.com/docs/dynamic-links/custom-domains

也不要跳过预览页!

最新更新