ios - 基于 1.6.1 的 phonegap 构建应用程序中未触发 deviceready 事件
<p><p>背景:</p>
<p>我正在运行我正在使用 phonegap build (1.6.1) 构建的 phonegap 应用程序。</p>
<p>android build 似乎工作得很好,
但是在 iOS (Iphone 3GS 16M iOS: 5.0.1 (9A405) ) 我从来没有得到 <code>deviceready</code> 事件。</p>
<p>我想弄清楚我在这里缺少什么。</p>
<p>问题:
1. <code>deviceready</code> 事件的绑定(bind)是在包含 <code>phonegap.js</code> 之前还是之后?
2. 会不会是事件“过早”发生而我的处理程序还没有绑定(bind)到它?
3. 是否有基于轮询的方法来确定设备是否准备就绪?
4. 与JQuery的<code>$(document').ready</code>相关的deviceready应该在哪里处理?</p>
<p>我的代码:
我当前的代码尝试同步 3 件事:
1. JQuery的<code>.ready</code>事件
2.PhoneGap的<code>deviceready</code>事件
3.(小心)window.navigator.device.platform上的轮询结果</p>
<p>通过以下方式:</p>
<pre><code><!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./scripts/jquery-1.7.2.js"></script>
<script type="text/javascript" src="./scripts/jquery.myapp.js"></script>
<script type="text/javascript">
window.myapp={
deviceReady:false,
JQueryReady:false,
started:false,
logbuf:[]
}
function log(m){
window.myapp.logbuf.push(m);
console.debug(window.myapp.logbuf.join('||'));
varel=document.getElementById('container');
if (el!=null) {
el.innerHTML+=', ' + window.myapp.logbuf.join('||') ;
window.myapp.logbuf=[];
}
}
//Wait for device
function onDeviceReady() {
window.myapp.deviceReady=true;
log('phonegap deviceready event fired');
startIfAllReady();
}
document.addEventListener("deviceready", onDeviceReady, false);
function pollDevice(){
if (window && window.navigator && window.navigator.device && window.navigator.device.platform ) {
log('polling found device');
window.myapp.deviceReady=true;
startIfAllReady();
}
else {
log('polling');
window.setTimeout(arguments.callee,500);
}
}
pollDevice();
//Wait for jquery
$(document).ready(
function(){
window.myapp.JQueryReady=true;
log('jquery document.ready event fired');
startIfAllReady();
}
);
function startIfAllReady(){
log('startIfAllReady window.myapp.JQueryReady=' + window.myapp.JQueryReady + ' window.myapp.deviceReady=' + window.myapp.deviceReady + ' window.myapp.started=' + window.myapp.started );
if (window.myapp.deviceReady && window.myapp.JQueryReady && window.myapp.started==false) {
log('starting');
started=true;
renderClient();
}
else {
log('cant start');
}
}
function renderClient(){
log('renderClient called - RETURNING !');
return;
window.setTimeout(function(){window.scrollTo(0, 1)},100);
log('create myappClient');
$('#myappClientContainer').empty().myappClient(
{width:$(window).width(),
height:$(window).height()
}
);
}
</script>
<script type="text/javascript" src="phonegap.js"></script>
<link rel="stylesheet" type="text/css" href="./styles/client.css" />
<style>
html , body { margin:0px; background-color:gray;}
</style>
<title>myapp</title>
</script>
</head>
<body style="width:100%">
<script>
log('body script executing');
</script>
<div style="width:100%" id="myappClientContainer">DEFAULT HTML</div>
</body>
</html>
</code></pre>
<p>代码结果:
在常规浏览器(chrome)中,我得到:</p>
<pre>默认 HTML
轮询||执行正文脚本||触发 jquery document.ready 事件
startIfAllReady window.myapp.JQueryReady=true window.myapp.deviceReady=false window.myapp.started=false
无法启动
轮询
轮询
轮询
...(和轮询....)
</pre>
<p>在 iPhone 上:</p>
<pre>默认 HTML
轮询||执行正文脚本||触发 jquery document.ready 事件
startIfAllReady window.myapp.JQueryReady=true window.myapp.deviceReady=false window.myapp.started=false
无法启动
</pre>
<p>如您所见 - 任何地方都没有“触发 phonegap deviceready 事件”,轮询似乎也不起作用:(</p>
<p>请注意,在 iphone 上,开始时只有一个“轮询”日志条目...
iPhone 不能处理 onTimeout 吗?
为什么我没有得到 deviceready 事件?!</p>
<p>我注意到的另一件事:
当(phonegap)使用调试集构建时,
我可以在 PhoneGapBuild weinre 调试窗口中看到设备/应用一段时间,然后它就消失了。</p>
<p>谢谢</p>
<p>更新:
我上面的轮询循环是错误的,
它应该寻找 window.navigator.platform</p>
<p>不管怎样,我把它们都放在一起了。
有些东西是行不通的。</p></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>令人惊讶的是,我的问题通过添加解决了
..script src="phonegap.js...
到我的html文件</p>
<p>来源:
<a href="http://community.phonegap.com/nitobi/topics/javascript_events_not_working_with_android_phonegap_build_xcode" rel="noreferrer noopener nofollow">http://community.phonegap.com/nitobi/topics/javascript_events_not_working_with_android_phonegap_build_xcode</a> </p>
<p>我的印象是构建过程添加了 ipmort,我特别困惑,因为当我绕过 deviceready 事件时一切都很好。希望这会有所帮助。</p></p>
<p style="font-size: 20px;">关于ios - 基于 1.6.1 的 phonegap 构建应用程序中未触发 deviceready 事件,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/10363735/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/10363735/
</a>
</p>
页:
[1]