首頁 > web前端 > H5教程 > 主體

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

黄舟
發布: 2017-02-09 15:48:33
原創
2433 人瀏覽過

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

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

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

在百度錢包中使用百度輕應用的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)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板