ホームページ >ウェブフロントエンド >H5 チュートリアル >99% の人は、Baidu Nuomi アプリで Web ページやウィンドウを閉じる方法を知りません。また、それらはオンラインでも見つかりません。
フロントエンドでは、当社は Baidu Wallet のモバイル Web 決済を使用する製品を作成しました。ユーザーは、Baidu Wallet と Baidu Nuomi を通じて
製品の QR コードをスキャンし、製品を選択してクリックすると、自動的に支払いが行われます。 Baidu Wallet に電話し、支払いが完了したら成功ページに戻ります。成功ページには閉じる
ボタンがあります。閉じるボタンまたは戻るボタンをクリックすると、ページが閉じます。
Baidu Wallet の Baidu Light App の BLightApp.closeWindow() メソッドを使用すると閉じることができますが、Baidu Nuomi では論理的に使用できますが、
しかし、まったく機能せず、従来のウィンドウに変更します。 close() も機能しません。当時、オンラインで検索しましたが、Baidu Nuomi の公式 Web サイトでは解決策が見つかりませんでした。その後
紆余曲折を経て、解決策を見つけるために Baidu Nuomi の関連テクノロジーに連絡しました。
解決策は非常に簡単で、ジャンプアドレスをbainuo://homeに設定するだけです。
1つ目: ボタンをクリックしてページを閉じます
ボタンをクリックしてページを閉じます
図に示すように、ボタンをクリックするとページが閉じます。コードは次のとおりです。
<center><a href="bainuo://home" ><button style="width:200px;height:50px;font-size:16px;">点击按钮关闭</button></a></center>
2つ目: アプリの戻るボタンまたは携帯電話の戻るボタンをクリックしてページを閉じます
アプリの戻るボタンまたは携帯電話の戻るボタンをクリックしてページを閉じます
図に示すように、赤いボックスの「
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('closeWindow'); } else if(ua.indexOf("alipay")!=-1){ AlipayJSBridge.call('closeWebview'); }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", "#"); } });
上記は、Baidu Nuomi アプリで Web ページまたはウィンドウを閉じる方法です。99% の人はそれを知りません。PHP 中国語 Web サイト (www. php.cn)!