图片 1
社区交流

有两种添加方法

  • 在 Visual Studio 中利用 Cordova 开发安卓
    APP-配置与运行
  • 在 Visual Studio 中利用 Cordova 开发安卓 APP-第一个程序
  • 在 Visual Studio 中利用 Cordova 开发安卓 APP-调用相机
    API
  • 在 Visual Studio 中利用 Cordova 开发安卓 APP-发布
    apk

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

第一步、添加 jQuery

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

有两种添加方法:

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

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

第二步、在 index.html 中添加

<input type=”text” size=”20″ id=”city” /> <input type=”button”
value=”查询” id=”query” /> <span id=”lonlat”></span>
<script src=”scripts/jquery-3.1.1.min.js”></script>
<script src=”scripts/jquery.mobile-1.4.5.min.js”></script>

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

$(“#query”).click(function () { var city = $(“#city”).val();
$.get(“”, { “a”: city }, function
(data, textStatus) { var obj = $.parseJSON(data);
$(“#lonlat”).text(city + “的经度:” + obj.lon + “,纬度:” + obj.lat)
}); });

第四步、Ctrl + F5 预览吧

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

图片 1

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

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

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

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

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

  • 在 Visual Studio 中利用 Cordova 开发安卓
    APP-配置与运行
  • 在 Visual Studio 中利用 Cordova 开发安卓 APP-第一个程序
  • 在 Visual Studio 中利用 Cordova 开发安卓 APP-调用相机
    API
  • 在 Visual Studio 中利用 Cordova 开发安卓 APP-发布
    apk

发表评论

电子邮件地址不会被公开。 必填项已用*标注

相关文章