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


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

 

首先

1、Cordova必須要選中的。

(選中后會自動選中其它很多選項,比如最底下的通用工具下的Git會自動選中,不用的話可以取消。還有windows phoneSDK與windows通用應用也會自動選中)

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>  

  

貌似就這么多了,有不對的告訴我。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM