vs2015-Cordova開發安卓應用環境搭建

標籤：

之前看到過用html5+css+js就可以開發跨平台的應用，然後發現vs2015裡就有個Cordova項目所以就想試試，但並不是這麼順利。剛開始對安卓環境一點也不瞭解，就到處百度搜尋。終於成功了。

 

首先

1、Cordova必須要選中的。

（選中後會自動選中其它很多選項，比如最底下的通用工具下的Git會自動選中，不用的話可以取消。還有windows phoneSDK與windows跨平台 app也會自動選中）

2、vs Emulator for Android也要選上。

3、常用工具和軟體開發套件下的選項除了第一個都選中。

然後就是漫長的安裝中。。。。。。。。。。。

 

安裝成功後，

先看下vs Emulator

預設的貌似有3個下載好的，可以直接運行，然後下面沒下載的自己選擇合適的模擬器下載就好了，

電腦記憶體4G以內的最好裝個1G的模擬器。

（要以管理員權限運行這個軟體，不然下載好模擬器，會提示許可權不足類似的提示。）

 

然後再開啟Android SDK

開啟後要設定下，不然網路根本擷取不到安卓版本列表，會報錯。

 

1、開啟這裡

2、把值填寫上和一樣：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>  

　　

貌似就這麼多了，有不對的告訴我。。

vs2015-Cordova開發安卓應用環境搭建