通過手機瀏覽器打開APP或者跳轉到下載頁面的功能怎么實現(xiàn)-創(chuàng)新互聯(lián)

這篇文章將為大家詳細講解有關通過手機瀏覽器打開APP或者跳轉到下載頁面的功能怎么實現(xiàn)，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

目前創(chuàng)新互聯(lián)已為上千多家的企業(yè)提供了網站建設、域名、網站空間、網站改版維護、企業(yè)網站設計、巍山網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。通過手機瀏覽器打開APP或者跳轉到下載頁面

以下僅展示最簡單的例子及關鍵代碼
由于硬件條件有限，僅測試了 Android 下的情況

添加 schemes

在 HBuilder 創(chuàng)建的移動 APP 項目下有manifest.json文件，在里面添加 schemes，schemes 中的值你喜歡設置成什么就什么吧。
通過手機瀏覽器打開APP或者跳轉到下載頁面的功能怎么實現(xiàn)

網頁設置

這個時候，你需要一個簡單 web 系統(tǒng)，能提供一個簡單的 web 頁面供手機瀏覽器訪問。
這個做過 Java 的人都懂，不詳說了。

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8" />
<title>文檔標題</title>
</head>
<body>
    <p style="font-size: 68px;">
        <a href="javascript:open_or_download_app();">打開APP</a>
        <span id="device"></span>
    </p>
    <script type="text/javascript">
    //<![CDATA[
    function open_or_download_app() {
        var device = document.getElementById("device");
        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
            device.innerHTML = "ios設備";
            // 判斷useragent，當前設備為ios設備
            var loadDateTime = new Date();
        　　// 設置時間閾值，在規(guī)定時間里面沒有打開對應App的話，直接去App store進行下載。
            window.setTimeout(function() {
                var timeOutDateTime = new Date();
                if (timeOutDateTime - loadDateTime <2200) {
                    window.location = "xxxxxxxx";  // APP下載地址
                } else {
                    window.close();
                }
            },2000);
             window.location = "apptest://apptest";　　//ios端URL Schema
        } else if (navigator.userAgent.match(/android/i)) {
            device.innerHTML = "Android設備";
            // 判斷useragent，當前設備為Android設備
            // 判斷useragent，當前設備為ios設備
            var loadDateTime = new Date();
        　　// 設置時間閾值，在規(guī)定時間里面沒有打開對應App的話，直接去App store進行下載。
            window.setTimeout(function() {
                var timeOutDateTime = new Date();
                if (timeOutDateTime - loadDateTime < 2200) {
                    window.location = "xxxxxxxx";   // APP下載地址
                } else {
                    window.close();
                }
            },2000);
        　    window.location = "apptest://apptest";　　// Android端URL Schema 
        } 
    } 
    //]]>
    </script>
    </body>
    </html>

Android 的 URL Schema 寫成 “你設置的Schema://你設置的Schema” 即可訪問。IOS 的和這個不同。URL Schema 的詳解自行百度，你會有更深的理解。
根據(jù)參考，即使在后臺打開了 APP，JS 仍會執(zhí)行一段時間，大概是 600 - 1000 毫秒，所以至少也要設置定時調度大于 1 秒，這樣比較有保證。

window.setTimeout(function() {},2000);  // 需要設置大一點，才有效果，否則會始終執(zhí)行

接下來就可以打包 APP 安裝到手機上進行測試，也可以刪掉 APP，對比兩次的結果。

IOS 的有條件再補上

關于通過手機瀏覽器打開APP或者跳轉到下載頁面的功能怎么實現(xiàn)就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網站名稱：通過手機瀏覽器打開APP或者跳轉到下載頁面的功能怎么實現(xiàn)-創(chuàng)新互聯(lián)
URL標題：http://www.rwnh.cn/article46/dddoeg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供網頁設計公司、建站公司、品牌網站設計、外貿建站、關鍵詞優(yōu)化、電子商務

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

通過手機瀏覽器打開APP或者跳轉到下載頁面的功能怎么實現(xiàn)-創(chuàng)新互聯(lián)