我用 PhoneJS 创建了一个简单的项目。我可以在 google chorme 和 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>
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();
});