jQuery移动应用程序

Question

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

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

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

如果我想在Android手机中测试应用程序（例如），我该怎么办？

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

Answer 1

只需将文件上传到Web服务器即可。 有一些免费选项适合测试。

您可以将PC设置为服务器，并通过手机的Wi-Fi进行访问。

Answer 2

你的问题有几个解决方案，我会将它们从最简单的解决方案列举到更难的解决方案。

的jsfiddle

如果你有一个简单的应用程序，你可以在jsFiddle web工具中测试它。 除了表单提交和多HTML支持外，它还可以提供几乎完整的jQuery Mobile功能。

这是一个简单的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/

主机

如果您拥有自己的网络托管，只需上传您的文件并通过互联网进行测试。

本地Web服务器

您可以在本地计算机上安装PHP Web服务器软件包，并测试本地LAN中的所有内容。 这不需要PHP，我们只需要一个配置好的Apache服务器。 虽然您可以单独下载并自行安装，但下载prebuild包更容易：

• XAMPP - 赢

• WAMP - 赢

• LAMP - Linux

• MAMP - Mac

Phonegap / Cordova app

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

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

Answer 3

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

如果要在系统上本地测试，请安装WAMP（适用于Windows），LAMP（适用于Linux）或MAMP（适用于Mac）。

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