10

用户可以通过 twitter 从我们的应用程序中共享文件。推文包含一个指向我们服务器的 URL，它检测用户是否在移动设备上，并使用我们应用程序的自定义方案重定向到一个 URL，以便在我们的应用程序中打开链接。

这适用于桌面用户和安装了我们应用程序的移动用户；但它不适用于不这样做的移动用户。所以我们想要做的是向所有用户显示一个包含链接的页面，当按下该链接时，如果支持，它将使用自定义 URL 方案打开应用程序，并打开一个不同的 URL，用户可以在其中下载我们的如果没有应用程序。

所以我正在寻找的是一个看起来有点像这样的 HTML 或 JS 的答案：

<a href="ourapp://www.ourdomain.com/files/12345"
   fallbackhref="http://www.ourdomain.com/buyourapp">Click to download</a>

那可能吗？如果是这样，我们该怎么做？

4

1 回答 1

5

您可以使用以下代码在 Android 中实现此目的：

function openLink () {
    var appWindow = window.open("ourapp://www.ourdomain.com/files/12345","_blank");
    setTimeout( function () {if (appWindow) {
        appWindow.location ="http://www.ourdomain.com/buyourapp";
            }
            },1000);
}

openLink()单击链接时调用该函数（否则浏览器将阻止新窗口弹出）。

iOS 会因为它处理自定义方案的方式而有所不同。

对于 iOS，您需要执行以下操作：使用以下代码片段创建 2 个 HTML 文件

文件 #1：这是您打开应用程序/回退到网站的链接

<script type="text/javascript">
function openLink (url,customURI) {
    window.open("file2.html?lp="+url+"&customURI="+customURI,"_blank");
}
</script>
<img src="IMAGE SOURCE" onclick="openLink('LANDING PAGE','CUSTOM URI')">

文件#2：

<html>
<script>
function openApp () {
    var start, end, elapsed;
    var params =   window.location.href.split("lp=")[1];
    var url     =   params.split("&customURI=")[0];
    var customURI     =   params.split("&customURI=")[1];
    var time = (new Date()).getTime();
    document.location       =       customURI+url;        
    setTimeout(function(){
            var now = (new Date()).getTime();
            if((now - time)<2550) {
            javascript: console.log(new Date().getTime());
                            document.location = url;
            }
            else{
            window.open('', '_self', '');
                    window.close();
        }
    }, 2000);

}
</script>
<body onload="openApp()">
    <a onclick="openApp()" id="newButton">Click Here to open the App</a>
</body>

希望这可以帮助 ：）

于 2013-12-10T08:29:06.220 回答