首頁 >web前端 >H5教程 >百度糯米app中關閉網頁或窗口的方法,99%的人都不知道,網路上也找不到

百度糯米app中關閉網頁或窗口的方法,99%的人都不知道,網路上也找不到

黄舟
黄舟原創
2017-02-09 15:48:332436瀏覽

前端時間我們公司做了一款使用百度錢包的行動網頁支付進行支付的產品,用戶透過百度錢包、百度糯米掃描我們

產品的二維碼,選擇商品,點擊支付將會自動調用百度錢包進行支付,支付成功後返回成功頁面,在我們的成功頁面有關閉

網頁按鈕,點擊關閉按鈕或返回按鈕將會關閉頁面。

在百度錢包中使用百度輕應用的BLightApp.closeWindow() 方法可以關閉,但是在百度糯米中,按道理可以使用呀,

但是根本就不行,改成傳統的window.close()也不行。當時我們在網路上搜尋和百度糯米的官網中,都沒找到解決方法。後來

透過幾經周折聯繫上了百度糯米的相關技術才找到解決方法。

解決方法很簡單就是把跳轉位址設定為bainuo://home就可以了。

第一種:點擊按鈕關閉頁面

百度糯米app中關閉網頁或窗口的方法,99%的人都不知道,網路上也找不到

點擊按鈕關閉頁面

如圖,點擊按鈕,將會關閉頁面,代碼如下:

<center><a href="bainuo://home" ><button style="width:200px;height:50px;font-size:16px;">点击按钮关闭</button></a></center>

第二種:點擊app返回按鈕或手機的後退鍵關閉頁面

百度糯米app中關閉網頁或窗口的方法,99%的人都不知道,網路上也找不到

點擊app返回按鈕或手機的後退鍵關閉頁面


如圖,點擊紅色框裡面的「

引入jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

具體實現代碼:

$(function(){  
    pushHistory();  
    window.addEventListener("popstate", function(e) {  
        pushHistory();  
        var ua = navigator.userAgent.toLowerCase();    
        if(ua.match(/MicroMessenger/i)=="micromessenger") {    
             WeixinJSBridge.call(&#39;closeWindow&#39;);  
        } else if(ua.indexOf("alipay")!=-1){    
             AlipayJSBridge.call(&#39;closeWebview&#39;);    
        }else if(ua.indexOf("baidu")!=-1){    
            BLightApp.closeWindow();  
        }else if(ua.indexOf("bdnuomi")!=-1){  
            window.location.href="bainuo://home";  
        }  
        else{  
            window.close();  
        }  
}, false);  
    function pushHistory() {  
        var state = {  
            title: "title",  
            url: "#"  
        };  
        window.history.pushState(state, "title", "#");  
    }  
      
});

以上就是 百度糯米app中關閉網頁或視窗的方法,99%的人都不知道,網上也找不到的內容,更多相關內容請關注PHP中文網(www.php.cn)!


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn