(cordova) (inappbrowser)让用户知道你已经准备好了他们的页面
(cordova) (inappbrowser)让用户知道你已经准备好了他们的页面
提问于 2016-07-29 09:24:47
我用cordova和InAppBrowser开发了一个应用程序。我试图显示一个“加载自旋器”或一条“加载消息”(而不是在inappbrowser加载时有一个空白页)，我尝试这样做，但它不起作用，下面是我的app.js代码：
$(document).ready(function() {
document.addEventListener("deviceready", onDeviceReady, false);
});
var ref;
function onDeviceReady() {
try {
ref = cordova.InAppBrowser.open('https://cordova.apache.org', '_blank', 'location=no');
ref.addEventListener('loadstart', loadStartCallBack);
ref.addEventListener("exit", onBackButton, false);
}
catch(err) {
alert("Plugin Error - " + err.message);
}
function onBackButton(e) {
navigator.app.exitApp();
}
function loadStartCallBack() {
$('#status-message').text("loading please wait ...");
}
}
这是我的index.html代码：
<!DOCTYPE html>
<html>
<head>
<meta name="format-detection" >
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<title>InApp Browser</title>
</head>
<body>
<script type="text/javascript">
navigator.splashscreen.show();
</script>
<div id="status-message"></div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-07-29 09:37:11
负载停止回调应该为你做这件事。
请记住将属性hidden=yes添加为browser.open方法中的第三个参数，否则浏览器将始终可见，您将不会看到加载消息：
cordova.InAppBrowser.open('https://cordova.apache.org', '_blank', 'location=no,hidden=yes');最后，代码应该如下所示：
<script>
var ref;
function onDeviceReady() {
try {
ref = cordova.InAppBrowser.open('https://cordova.apache.org', '_blank', 'location=no,hidden=yes');
ref.addEventListener('loadstart', loadStartCallBack);
ref.addEventListener("loadstop", loadEndCallback, false);
ref.addEventListener("exit", onBackButton, false);
} catch (err) {
alert("Plugin Error - " + err.message);
}
function onBackButton(e) {
navigator.app.exitApp();
}
function loadStartCallBack() {
$('#status-message').text("loading please wait ...");
}
function loadEndCallback(){
alert("Your page has been loaded, showing ...");
$('#status-message').text("");
ref.show();
}
}
document.addEventListener("deviceready", onDeviceReady, false);
</script>您是否得到了另一个特定的错误或与远程删除铬？
Stack Overflow用户
发布于 2016-07-29 09:41:09
您不能显示加载消息，因为如果您打开Inappbrowser，您的应用程序会转到后台，因此div <div id="status-message"></div>将被隐藏。
var Ref;
Ref = window.open('http://www.example.com', '_blank', 'location=no,toolbar=no');
Ref.addEventListener('loadstart', inAppBrowserbLoadStart);
Ref.addEventListener('loadstop', inAppBrowserbLoadStop);
Ref.addEventListener('loaderror', inAppBrowserbLoadError);
Ref.addEventListener('exit', inAppBrowserbClose);
function inAppBrowserbLoadStart(event) {
navigator.notification.activityStart("Please Wait", "Its loading....");
alert(event.type + ' - ' + event.url);
}
function inAppBrowserbLoadStop(event) {
navigator.notification.activityStop();
alert(event.type + ' - ' + event.url);
}
function inAppBrowserbLoadError(event) {
navigator.notification.activityStop();
alert(event.type + ' - ' + event.message);
}
function inAppBrowserbClose(event) {
Ref.removeEventListener('loadstart', iabLoadStart);
Ref.removeEventListener('loadstop', iabLoadStop);
Ref.removeEventListener('loaderror', iabLoadError);
Ref.removeEventListener('exit', iabClose);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38655168
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号