Мобильное гибридное приложение: работа в браузере, например, Chrome,IE и т. Д., Но не работает ни одно мобильное устройство

Я создал простой проект с PhoneJS. я могу увидеть вывод простой проект в Google Chorme и т. д. и т. д. я добавил этот проект в Xcode 5 использовать создание UIWebview. Построил и установил приложение на iphone 5. Я не вижу вывод простого проекта на любом мобильном устройстве, как iphone 5s, sumsung s4 и т. Д.
index.html

<html>
    <head>
        <title>Making Change Happen</title>

        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="msapplication-tap-highlight" content="no" /> 
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

        <link rel="stylesheet" type="text/css" href="lib/css/dx.common.css" />
        <link rel="stylesheet" type="text/css" href="lib/css/dx.ios.default.css" />
        <link rel="stylesheet" type="text/css" href="lib/css/dx.android.holo-dark.css" />
        <link rel="stylesheet" type="text/css" href="lib/css/dx.tizen.black.css" />
        <link rel="stylesheet" type="text/css" href="lib/css/dx.generic.light.css" />
        <link rel="stylesheet" type="text/css" href="lib/css/dx.win8.black.css" />

        <script type="text/javascript" src="lib/js/jquery-2.0.3.min.js"></script>
        <script type="text/javascript" src="lib/js/knockout-3.0.0.js"></script>
        <script type="text/javascript" src="lib/js/globalize.min.js"></script>
        <script type="text/javascript" src="lib/js/dx.phonejs.js"></script>

        <link rel="dx-template" type="text/html" href="lib/layouts/SlideOut/SlideOutLayout.html" />
        <script type="text/javascript" src="lib/layouts/SlideOut/SlideOutLayout.js"></script>
        <link rel="stylesheet" type="text/css" href="lib/layouts/SlideOut/SlideOutLayout.css" />

        <script type="text/javascript" src="index.js"></script>
        <link rel="stylesheet" type="text/css" href="index.css">

        <!-- Views -->
        <link  rel="dx-template" type="text/html" href="views/news/news.html"/>
        <script type="text/javascript" src="views/news/news.js"></script>

        <link  rel="dx-template" type="text/html" href="views/About PES/aboutpes.html"/>
        <script type="text/javascript" src="views/About PES/aboutpes.js"></script>

    </head>
    <body>
    </body>
</html>

файл index.js

window.AppNamespace = {};
$(function () {
    AppNamespace.app = new DevExpress.framework.html.HtmlApplication({
        namespace: AppNamespace,
        navigationType: 'slideout',
        navigation: [
        {
            title: "News",
            action: "#news",
        },
        {
            title: "About PES",
            action: "#aboutpes"
        }]
    });
    AppNamespace.app.router.register(":view/:id", { view: "news", id: undefined });
    AppNamespace.app.navigate();


});

1 ответ

Попробуйте собрать пакет, используя Visual Studio с установленным DevExtreme. Это позволяет создавать собственные пакеты для всех поддерживаемых платформ (IOS, Android, Windows Phone).

Проверьте следующую ссылку http://help.devexpress.com/DevExtreme/Documentation/Howto/Packaging

Если пакет будет собран нормально с DevExtreme, то ваше приложение в порядке, и проблема с тем, как вы делаете упаковку. Будем рады помочь вам, просто попробуйте сообщить о результатах.

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