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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的HTML相关文章