logo标签列表

JQuery移动端：离线测试

mobilejquery-mobile
3

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

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

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

2- 我想我可以像任何应用程序一样将使用jQuery Mobile制作的HTML和CSS发送给苹果。而且它会离线工作。这是正确的吗？

有没有经验丰富的人用JQuery Mobile开发应用程序并在应用商店中运行？

你如何使用jQuery Mobile？我认为你可以将它放在服务器上，并通过WiFi连接和浏览器访问它。 - Brice Favre
我所询问的是如何在没有网络连接的情况下使用JQuery Mobile离线。 - Nrc
我认为这是不可能的。 - Brice Favre
2个回答
5
是的，您可以完全离线使用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 的截图

截图

这听起来像是你犯了某种错误...不幸的是，我们永远不会知道那可能是什么样的错误...你也可以在这里看到我的工作示例。 - Taifun
1
  1. @Brice Favre是正确的 - 可以通过在局域网上托管您的应用程序并通过Wifi使用iPhone访问来实现“离线”测试。
  2. 如果使用例如PhoneGap“托管”应用程序，并将所有库（jQuery，jQuery Mobile）和CSS作为应用程序的一部分包含，则您的应用程序将在没有Internet连接的情况下正常工作 - 许多应用程序都是这样工作的。请参见此PhoneGap教程。
我不理解你的回答，如果我通过WiFi访问，那就是在线的，需要互联网连接。我的问题是，当我没有互联网连接时，如何访问使用jQuery mobile制作的应用程序。 - Nrc
1
如果您想在实际设备上进行测试，则该设备需要连接到某个服务器/主机，例如您的本地网络，以获取实际文件。没有（合法的）方法将文件复制到设备上，然后加载设备上的本地文件。或者，您可以将jQuery移动项目包装在容器项目（如PhoneGap）中，并在设备上安装它（假设您拥有所有许可证）。 - Ryan
1
仅凭 jQuery Mobile 并不足以构建可安装在设备上的应用程序。 - Ryan
PhoneGap的下载文件是一个ZIP压缩包，你需要先解压它（可能在下载文件夹中），然后才能进入安装程序。 - Ryan
让我们在聊天中继续这个讨论：http://chat.stackoverflow.com/rooms/9414/discussion-between-narcis-and-ryan-bates - Nrc
显示剩余3条评论
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接