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

相关文章

vue阻止冒泡事件 阻止点击事件的执行 &lt;div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些