html – 移动网站上的Facebook URL方案,如果已安装则打开应用程序,否则转到网页

我正在创建一个混合桌面/移动网站,它们共享相同的页面,也就是说,我没有两个单独的桌面和移动网址.我试图让Facebook链接在本地Facebook应用程序中打开,如果可能的话,否则转到常规URL. Facebook方案中是否存在自动处理的内容？

基本上,如果未安装移动应用程序或用户在桌面上,请访问：https：//www.facebook.com/pages/ [pageid]

如果安装了移动应用,请转到此处：

FB：//页/ [的pageid]

解决方法

一种简单的方法是CSS媒体查询.

显示小设备宽度的fb：/​​/链接.以及用于更大屏幕尺寸的常规http：//链接.

编辑

<a href="https://facebook.com/page" class="large-screen">Clicky</a>
<a href="fb://page/mypage" class="small-screen">Clicky</a>

然后使用CSS Media查询隐藏其中一个链接,具体取决于屏幕的大小.

UPDATE

通过尝试在超时后X秒打开HTTP URL后直接打开深层链接URL,可以使用javascript创建更令人满意的用户体验.

setTimeout(function () { window.location = "https://www.facebook.com"; },25);
window.location = "fb://";

HTTP URL将始终加载,但如果深层链接不可用,尝试打开它将无声地失败,退回到Web版本.

资料来源：https://www.quora.com/How-does-Bitlys-Deep-Linking-detect-if-the-user-already-has-the-app-installed

原文地址：https://www.jb51.cc/html/231957.html