3

您好,我正在编写一个 jQuery 移动应用程序作为项目的一部分。

我知道 jQuery Mobile 广泛用于跨平台应用程序。

所以我有一个(也许是愚蠢的)问题。在我的计算机中,有所有需要的文件(jQuery Mobile、html 文件、css 文件等),我通过从 Web 浏览器查看 html 文件来测试我的应用程序。

如果我想在 Android 手机中测试应用程序(例如),我应该怎么做?

将整个文件夹传输到我的手机并从浏览器查看 html 文件,或者有一种方法可以构建所有文件并像应用程序一样在手机中运行它?

4

3 回答 3

2

只需将您的文件上传到网络服务器。有一些免费的选项非常适合测试。

您可以将 PC 设置为服务器,并通过手机的 wi-fi 访问它。

于 2013-04-13T21:24:43.600 回答
1

您的问题有几种解决方案,我将列举它们从最简单的解决方案到更难的解决方案。

jsFiddle

如果您有一个简单的应用程序,您可以在jsFiddle网络工具中对其进行测试。它可以提供几乎完整的 jQuery Mobile 功能,除了表单提交和多 HTML 支持。

这是一个简单的 jQuery Mobile jsFiddle 示例:http: //jsfiddle.net/Gajotres/yWTG2/

当您想测试它时,只需转到共享选项并单击全屏,如下所示:

http://jsfiddle.net/Gajotres/yWTG2/embedded/result/

jsFiddle 的一个好处是您不需要完整的 HTML(就像我的示例中一样),您可以使用基本页面 HTML 对其进行测试:

<div data-role="page" id="index">
    <div data-theme="a" data-role="header">
        <h3>
            First Page
        </h3>
        <a href="#second" class="ui-btn-right">Next</a>
    </div>

    <div data-role="content">

    </div>

    <div data-theme="a" data-role="footer" data-position="fixed">

    </div>
</div> 

示例:http: //jsfiddle.net/Gajotres/fEV3J/

托管

如果您有自己的虚拟主机,只需上传您的文件并通过互联网进行测试。

本地网络服务器

您可以在本地计算机上安装 PHP Web 服务器包并在本地 LAN 中测试所有内容。这不需要 PHP,我们只需要一个配置好的 Apache 服务器。虽然您可以单独下载并自行安装,但下载预构建包要容易得多,例如:

Phonegap/Cordova 应用程序

Phonegap 是一个移动应用程序框架,它充当原生应用程序和 Web 应用程序之间的包装器。您可以使用它来创建混合移动应用程序,基本上是一个充当本机移动应用程序的 Web 应用程序。

我不会再写任何关于这个解决方案的内容,因为关于这个主题还有很多其他答案,但为了让你更容易,这里是我关于 Phonegap 和 jQuery Mobile 的另一个答案:https ://stackoverflow.com/a/14166593/ 1848600

于 2013-04-14T08:49:54.433 回答
1

您应该使用build.phonegap.com上传您的 zip,它会自动为您提供不同平台所需的二进制文件,在您的情况下,对于 android,您将轻松获得一个 .apk 文件。

如果您想在系统上进行本地测试,请安装 WAMP(适用于 Windows)、LAMP(适用于 Linux)或 MAMP(适用于 Mac)。

另外,安装谷歌浏览器。然后,为 Chrome 安装 Ripple Emulator:https ://chrome.google.com/webstore/detail/ripple-emulator-beta/geelfhphabnejjhdalkjhgipohgpdnoc?hl=en 。您可以在 Ripple 中模拟不同的设备。AFAIK,对于 Ripple,你甚至可能不需要 WAMP/LAMP/MAMP。它直接从文件系统中读取。

于 2013-04-15T08:46:44.347 回答