vs2015-Cordova开发安卓应用环境搭建

以前看到过用html5+css+js就能够开发跨平台的应用，而后发现vs2015里就有个Cordova项目因此就想试试，但并非这么顺利。刚开始对安卓环境一点也不了解，就处处百度搜索。终于成功了。

 

首先

一、Cordova必需要选中的。

（选中后会自动选中其它不少选项，好比最底下的通用工具下的Git会自动选中，不用的话能够取消。还有windows phoneSDK与windows通用应用也会自动选中）

二、vs Emulator for Android也要选上。

三、经常使用工具和软件开发工具包下的选项除了第一个都选中。

而后就是漫长的安装中。。。。。。。。。。。

 

---

安装成功后，

先看下vs Emulator

默认的貌似有3个下载好的，能够直接运行，而后下面没下载的本身选择合适的模拟器下载就行了，

电脑内存4G之内的最好装个1G的模拟器。

（要以管理员权限运行这个软件，否则下载好模拟器，会提示权限不足相似的提示。）

---

 

而后再打开Android SDK

打开后要设置下，否则网络根本获取不到安卓版本列表，会报错。

 

一、打开这里

二、如图把值填写上和下图同样：mirrors.neusoft.edu.cn

（这个软件也要以管理员权限运行）

 

 设置好后，就能够正常获取以下图：

（而后选中一个安卓版本，点击右下角的install按钮安装。。。）

 而后vs里调试就出现vsemulator里你已经安装的模拟器

 

---

---

 

 

而后简单说下Cordova项目。。

我作的是一个套浏览器壳的web应用。。

 

打开index.html

不知道怎么回事，index里的下面这段不注释掉，写的js代码不起做用，因此我就注释掉了。。

 <!--<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">-->

　　而后还要安装对应的插件以下：

若是不装这个插件，打开连接会跳转到系统自带的浏览器里。

 

而后再到index.html里添加以下js代码：

 我也是第一次接触这个，我这个打开后会先进入index.html页面（能够作个欢迎界面），而后才执行js里打开内部浏览器的方法。

按返回按钮推出内部浏览器最后还会退到index.html，因此我找到的办法就是当退出内部浏览器时直接退出这个app。

 

    <script>


    document.addEventListener("deviceready", onDeviceReady, false);
    function iabClose(event) {
          navigator.app.exitApp();//直接退出app，否则会推到index页面。

         iabRef.removeEventListener('exit', iabClose);
    }
    function onDeviceReady() {
         iabRef = window.open('http://www.baidu.com', '_blank', 'location=no,toolbar=no');//toolbar值为no能够隐藏浏览器导航栏   
    }

    </script>  

　　

貌似就这么多了，有不对的告诉我。。