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

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

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

以下僅展示最簡(jiǎn)單的例子及關(guān)鍵代碼
由于硬件條件有限，僅測(cè)試了 Android 下的情況

添加 schemes

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

網(wǎng)頁(yè)設(shè)置

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

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"><head><meta charset="utf-8" />
<title>文檔標(biāo)題</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設(shè)備";
            // 判斷useragent，當(dāng)前設(shè)備為ios設(shè)備
            var loadDateTime = new Date();
        　　// 設(shè)置時(shí)間閾值，在規(guī)定時(shí)間里面沒有打開對(duì)應(yīng)App的話，直接去App store進(jìn)行下載。
            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設(shè)備";
            // 判斷useragent，當(dāng)前設(shè)備為Android設(shè)備
            // 判斷useragent，當(dāng)前設(shè)備為ios設(shè)備
            var loadDateTime = new Date();
        　　// 設(shè)置時(shí)間閾值，在規(guī)定時(shí)間里面沒有打開對(duì)應(yīng)App的話，直接去App store進(jìn)行下載。
            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 寫成 “你設(shè)置的Schema://你設(shè)置的Schema” 即可訪問。IOS 的和這個(gè)不同。URL Schema 的詳解自行百度，你會(huì)有更深的理解。
根據(jù)參考，即使在后臺(tái)打開了 APP，JS 仍會(huì)執(zhí)行一段時(shí)間，大概是 600 - 1000 毫秒，所以至少也要設(shè)置定時(shí)調(diào)度大于 1 秒，這樣比較有保證。

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

接下來就可以打包 APP 安裝到手機(jī)上進(jìn)行測(cè)試，也可以刪掉 APP，對(duì)比兩次的結(jié)果。

IOS 的有條件再補(bǔ)上

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

網(wǎng)站名稱：通過手機(jī)瀏覽器打開APP或者跳轉(zhuǎn)到下載頁(yè)面的功能怎么實(shí)現(xiàn)-創(chuàng)新互聯(lián)
URL標(biāo)題：http://muchs.cn/article46/dddoeg.html

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

廣告

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

h5響應(yīng)式網(wǎng)站建設(shè)