在MAC上以Xcode編譯Visual Studio 2015 的Cordova專案


Visual Studio 2015 的Cordova號稱可以簡單的撰寫跨平台APP(iOS、Android、Windows App)

但你實際寫了之後就知道不是這麼一回事...至少還多少要了解那個平台的相關知識才行吶


以全螢幕iframe建置Cordova專案 (將外部網站打包進APP)

Cordova5以前,可以用javascript的方式將目前頁面轉到外部網站(需設白名單)

來達到「看起來不像網站」的效果

但5之後,外部連結似乎會叫出系統瀏覽器

那試試看用個高100%寬100%的iframe呢?

<style>
    html, body, iframe {
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
    }
</style>
<iframe frameborder="0" scrolling="yes" marginheight="0" marginwidth="0" width="100%" height="100%" src="http://somewhere"> </iframe>

大概像這樣,可以試試看


Cordova 無法執行javascript

原本運行Codova4.2.x的專案,因為想說升級一下比較安全

改了Codova的版本到5.3.1

然後javascript就突然死掉了,連onclick=alert也跑不出來...

重新建立一個Codova 5的專案之後看到一段註解

視需要在下方的中繼標籤中自訂內容安全性原則。將 'unsafe-inline' 加入 default-src 以啟用內嵌 JavaScript。
如需詳細資料,請參閱 http://go.microsoft.com/fwlink/?LinkID=617521

改個本來沒有的meta
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *">

反正就Codova 5之後加入了一些安全的東西啦!好棒棒阿!


以Visual Studio 2015建置Cordova專案時出現error : Failed to run "ant -version", make sure you have ant installed and added to your PATH.

如果在建置的時候只有出現
========== 建置: 0 成功、1 失敗、0 最新、0 略過 ==========

請先在工具> 選項> 專案和方案> 建置並執行 中

把MSBuild 專案輸出詳細等級設定到一般以上

再次建置就會出現詳細訊息囉!

以Visual Studio 2015 建置Cordova專案時出現error : Failed to run "ant -version", make sure you have ant installed and added to your PATH.