JQuery mobile:离线测试
Nrc*_*Nrc 3 mobile jquery-mobile
我是JQuery Mobile的新手.我真的很喜欢它,但我有两个基本问题:
1-我可以在iPhone上离线测试应用吗？
我知道当我使用互联网连接时如何查看应用程序甚至如何创建图标.但我没有看到如何看到该应用程序我没有互联网连接.
2-我想我可以将用jQuery Mobile制作的html和css发送到Apple作为任何应用程序.它将脱机工作.是对的吗？
有没有经验的人使用JQuery Mobile完成应用并且正在应用商店中工作？
是的,您可以将jQuery Mobile页面完全脱机. 将必要的库下载到您的设备.对于示例,我使用了以下内容
- jQuery的1.8.0.min.js
- jquery.mobile-1.2.0.min.js
另外,您需要jQuery Mobile CSS结构文件
- jquery.mobile.structure-1.2.0.min.css
然后使用主题滚轮创建自己的CSS(或者不更改只使用默认的jQuery CSS)并将其包含图标集下载到您的设备.对于示例,我使用了此CSS名称
- taifun.min.css
图标集存储在子目录中/images.
示例代码
<!DOCTYPE html>
<html>
<head>
<title>Offline</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="taifun.min.css" />
<link rel="stylesheet" href="jquery.mobile.structure-1.2.0.min.css" />
<script src="jquery-1.8.0.min.js"></script>
<script src="jquery.mobile-1.2.0.min.js"></script>
</head>
<body>
<div data-role="content">
<h1>I'm a jQuery Mobile offline page</h1>
<ul data-role="listview">
<li><a href="#">Acura</a></li>
<li><a href="#">Audi</a></li>
<li><a href="#">BMW</a></li>
<li><a href="#">Cadillac</a></li>
</ul>
</div><!--/content -->
</body>
</html>
截图HTC Desire
