Cordova + JQuery Mobile + JQuery белый экран смерти на пряник

Я написал приложение на cordova 4.0 с jquery mobile & jquery, и когда я пытаюсь запустить приложение на Galaxy 2 с android 2.3.5 (gingerbread), все, что я получаю, это белый экран без каких-либо ошибок или чего-либо еще происходящего.

примечание: я фиксирую любые исключения из javascript и предупреждаю их, поэтому, если бы возникло исключение, я должен был увидеть сообщение. но там ничего нет

есть идеи почему? Cordova предполагает правильную работу на Android 2.x? Я нашел смешанные мнения на эту тему...

Спасибо!

РЕДАКТИРОВАТЬ: добавление исходного кода. Обратите внимание, что у меня есть js, который оборачивает Cordova, так что все в ULS. * это слой оболочки для Cordova. это index.html, первая страница, которая должна быть загружена. Еще я хочу сказать, что я добавил код, чтобы перехватывать и предупреждать любые исключения (window.onerror = function(message, url, lineNumber)...) и предупреждать их, и это обычно работает, но в этом случае я не вижу оповещения.

<!DOCTYPE html>
часть загружаемых нами страниц не работает. ->

    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
    <!-- <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" /> -->
    <meta name="viewport" content="width=device-width, initial-scale=1">   

    <!-- My extensions to jquery-mobile css -->
    <link rel="stylesheet" type="text/css" href="css/my-jquerymobile-extend.css" />

    <!-- all basic css -->
    <link rel="stylesheet" type="text/css" href="css/jquery.mobile-1.4.5.min.css" />
    <link rel="stylesheet" type="text/css" href="css/msgbox.css" />
    <link rel="stylesheet" type="text/css" href="css/intro.css" />
    <link rel="stylesheet" type="text/css" href="css/splash.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/result_page.css" />
    <link rel="stylesheet" type="text/css" href="css/intlTelInput.css" />
    <title>SeekWhale</title>

    <!-- include cordova and jquery -->
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" charset="utf-8" src="telephonenumber.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.2.1.1.min.js"></script>
    <script type="text/javascript" src="js/jquery/custom_loading_gif.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.mobile-1.4.5.min.js"></script>
    <script type="text/javascript" src="js/jquery/jquery-ui-draggable.min.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.touch-punch.min.js"></script>

    <!-- Include utils -->
    <script type="text/javascript" src="js/utils/config.js"></script>
    <script type="text/javascript" src="js/utils/flags.js"></script>
    <script type="text/javascript" src="js/utils/ajax.js"></script>
    <script type="text/javascript" src="js/utils/debug.js"></script>
    <script type="text/javascript" src="js/utils/visuals.js"></script>
    <script type="text/javascript" src="js/utils/device.js"></script>
    <script type="text/javascript" src="js/utils/contacts.js"></script>
    <script type="text/javascript" src="js/utils/events.js"></script>
    <script type="text/javascript" src="js/utils/navigation.js"></script>
    <script type="text/javascript" src="js/utils/phone_numbers.js"></script>
    <script type="text/javascript" src="js/utils/prompt.js"></script>
    <script type="text/javascript" src="js/utils/forms.js"></script>

    <!-- Replace UI language with chosen language -->
    <script type="text/javascript" src="js/languages/dictionary.js"></script>
    <script type="text/javascript" src="js/languages/hebrew.js"></script>

    <!-- function to init pages -->
    <script type="text/javascript" src="js/init_page.js"></script>  

</head>

<body data-role="page">

    <img class="splash" src="img/bg-entry.png"></img>

    <script type="text/javascript">

        // set language
        ui_dictionary.set_dictionary_words();

        // called when cordova is ready to run page init script
        function InitApp()
        {
            setTimeout(function()
            {
                utils.prompt.log("app started!");
                var effect = utils.navigation.transition.slidedown;

                // if should skip directly to main
                if (utils.flags.skip_to_main)
                {
                    utils.prompt.log("skip to main page");
                    utils.navigation.load_page(utils.config.get_last_page(), effect);
                }
                // if require first setup open the first setup page:
                else if (utils.config.get_successfully_registered() == false)
                {
                    utils.prompt.log("load register");
                    utils.navigation.load_page("register.html", effect);
                }
                // if registered but not confirmed, go to confirm page
                else if (utils.config.get_is_device_confirmed() == false)
                {
                    utils.prompt.log("load confirm page");
                    utils.navigation.load_page("confirm.html", effect);
                }
                // if all goes well, open the main page!
                else
                {
                    utils.prompt.log("load main page");
                    utils.navigation.load_page("main.html", effect);
                }
            }, 1);
        }
        utils.events.on_device_ready(InitApp);

    </script>
</body>

1 ответ

<script type="text/javascript" src="cordova.js"></script>

этот должен быть первым JS для загрузки. поместите все остальные файлы JS после него.

Другие вопросы по тегам