Iphone 移动混合应用程序:在chrome、IE等浏览器中工作,但不使用任何移动设备

Iphone 移动混合应用程序:在chrome、IE等浏览器中工作,但不使用任何移动设备,iphone,xcode,devexpress,hybrid-mobile-app,phonejs,Iphone,Xcode,Devexpress,Hybrid Mobile App,Phonejs,我用PhoneJS创建了一个简单的项目。我可以在GoogleChorme和ie等中看到输出简单项目。我已经将这个项目添加到xcode 5使用UIWebview中。在iphone 5上构建并安装应用程序。在iphone 5s和sumsung s4等移动设备中,我看不到输出简单项目。 index.html <html> <head> <title>Making Change Happen</title> <

我用PhoneJS创建了一个简单的项目。我可以在GoogleChorme和ie等中看到输出简单项目。我已经将这个项目添加到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>

尝试使用安装了DevExtreme的Visual Studio生成包。 它允许为所有受支持的平台(ios、android、windows phone)构建本机软件包

查看以下链接


如果使用DevExtreme构建的软件包可以,那么您的应用程序就可以了,而且您的打包方式也有问题。我很乐意帮助你,只是试着报告结果

我希望这个博客能帮助你:
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();


});