Question

我是JQuery Mobile的新手。我非常喜欢它，但我有两个基本问题：

1-我可以在iPhone上离线测试应用程序吗？

我知道在使用互联网连接时如何查看应用程序甚至如何创建图标。但我没有看到如何看到该应用程序我没有互联网连接。

2-我想我可以将使用jQuery Mobile制作的html和css发送到Apple作为任何应用程序。它将脱机工作。是吗？

是否有任何有经验的人使用JQuery Mobile完成应用并且正在应用商店中工作？

Answer 1

是的，您可以将jQuery Mobile页面完全脱机。 Download the necessary libraries到您的设备。对于示例，我使用了以下

的jquery-1.8.0.min.js
jquery.mobile-1.2.0.min.js

此外，您还需要jQuery Mobile CSS结构文件

jquery.mobile.structure-1.2.0.min.css

然后使用theme roller创建自己的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

screenshot

Answer 2

@Brice Favre是对的 - 测试'离线'可以通过在局域网上托管您的应用并通过Wifi使用iPhone访问它来实现。
如果你使用例如'托管'应用程序PhoneGap，并包含所有库（jQuery，jQuery Mobile）和CSS作为应用程序的一部分，然后您的应用程序将在没有Internet连接的情况下正常运行 - 许多应用程序以这种方式工作。见PhoneGap tutorial。

JQuery mobile：离线测试

2 个答案: