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>  

　　

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