2

背景:

我正在运行我正在使用 phonegap build (1.6.1) 构建的 phonegap 应用程序。

android build 似乎工作得很好,但是在 iOS (Iphone 3GS 16M iOS: 5.0.1 (9A405) ) 上我从来没有得到这个deviceready事件。

我想弄清楚我在这里缺少什么。

问题: 1.deviceready事件的绑定在 include 之前还是之后有关系phonegap.js吗?2. 会不会是事件“过早”发生而我的处理程序还没有绑定到它?3. 是否有基于轮询的方法来确定设备是否准备就绪?4. 与 JQuery 相关的 deviceready 处理应该在哪里进行$(document').ready

我的代码:我当前的代码尝试同步 3 件事:1. JQuery 的.ready事件 2.PhoneGap 的deviceready事件 3.(小心)window.navigator.device.platform 上的轮询结果

通过以下方式:

<!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('||'));
            var  el=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>

代码结果:在规则浏览器(chrome)中,我得到:

默认 HTML  
轮询||执行正文脚本||触发 jquery document.ready 事件  
startIfAllReady window.myapp.JQueryReady=true window.myapp.deviceReady=false window.myapp.started=false   
无法启动   
轮询   
轮询   
轮询   
...(和轮询....)  

在 iPhone 上:

默认 HTML  
轮询||执行正文脚本||触发 jquery document.ready 事件  
startIfAllReady window.myapp.JQueryReady=true window.myapp.deviceReady=false window.myapp.started=false   
无法启动

如您所见 - 任何地方都没有“phonegap deviceready 事件触发”,轮询似乎也不起作用:(

请注意,在 iphone 上,开始时只有一个“轮询”日志条目...... iPhone 不能处理 onTimeout 吗?为什么我没有得到 deviceready 事件?!

我注意到的另一件事:当(phonegap)使用调试集构建时,我可以在 PhoneGapBuild weinre 调试窗口中看到设备/应用程序一段时间,然后它就消失了。

谢谢

更新:我上面的轮询循环是错误的,它应该寻找 window.navigator.platform

无论如何,我把它全部放在了一起。有些东西是行不通的。

4

3 回答 3

2

令人惊讶的是,通过将 ..script src="phonegap.js... 添加到我的 html 文件中,我的问题得到了解决

来源:http: //community.phonegap.com/nitobi/topics/javascript_events_not_working_with_android_phonegap_build_xcode

我的印象是构建过程添加了 ipmort,我特别困惑,因为当我绕过 deviceready 事件时一切都很好。希望这可以帮助。

于 2012-08-17T19:33:52.720 回答
0

似乎我忽略了更新这个 Q。无论如何,问题是 winere 中不存在“console.debug”,所以我的代码失败了。

埃亚尔

于 2012-08-19T09:51:17.763 回答
-1

您必须在身体负载上附加 phoneGap deviceReady 事件,如下所示:

<script>
function onBodyLoad() {
    document.addEventListener("deviceready", onDeviceReady, false); 
    }
</script>

<body onload="onBodyLoad()"> .. html ... </body>
于 2012-05-09T08:41:06.040 回答