之前看到過用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>
貌似就這么多了,有不對的告訴我。。