在 Visual Studio 中利用 Cordova 开发安卓 APP-第一个程序

作者:vkvi 来源:ITPOW(原创) 日期:2017-3-31

我们做一个利用阿里云接口,查经纬度的 APP。

第一步、添加 jQuery

你也可以不添加,但是我觉得既然 Cordova 大多数代码都是 JS,那么还是用个 jQuery 方便些。

有两种添加方法:

一种是在菜单中:工具 -> NuGet 包管理器 -> 管理解决方案的 NuGet 程序包,添加 jQuery 和 jQuery Mobile。但是我再也不用这种方法了,超级慢,机子被卡死 N 次。并且安装完成后,还需要手动移动到 www/ 目录。

另一种是自己到官方下载,然后放到 www/scripts/ 目录下,然后在 HTML 文件中添加引用。

第二步、在 index.html 中添加

第三步、在 index.js 的 onDeviceReady() 中添加

第四步、Ctrl + F5 预览吧

首次运行,我们就在浏览器中运行吧。如下图:

在浏览器中查看 Cordova

如果一直显示“正在连接到设备”,很有可能 js 代码有问题,正常情况下一两秒钟就会连接成功。

如果我们改了 HTML、JS 代码,直接在 Chrome 中刷新就可以了,不用重新在 Visual Studio 中按 Ctrl + F5。

我们还可以在 Chrome 中按 F12,进行调试。

看了以上代码,可能一点都不过瘾,因为以上代码好像跟普通网页差别不大。我们将在下一节来点新玩意。

关于本节的更详细内容,你也可以参见微软官方文档(可能是英文)

相关文章