Linux上 cordova 9 plugin問題紀錄

在linux上build cordova app 使用plugin時遇到的幾個問題處理紀錄一下

1.Error:Using "requireCordovaModule" to load non-cordova module
  發生在ios 的plugin上
  只要將context.requireCordovaModule 改require即可
2.There was a conflict trying to modify attributes with
  plugin要改寫AndroidMenifest時，寫入時間點互相沖到
  導致未異動到AndroidMenifest
  可以使用--force 強制安裝
  cordova plugin add xxx --force
  之後把安裝有問題的plugin移除 重新安裝即可

在cordova 使用 oogle map 發生 getCurrentPosition PositionError:timeout expired問題

使用getCurrentPosition抓取使用者位置
一直都很正常使用
最近發現使用coodva build app 一直無法抓到使用者位置
但在web上卻很正常
看到的錯誤為 PositionError:timeout expired
查了一下 只要在option內開啟enableHighAccuracy 即可解決

navigator.geolocation.getCurrentPosition(
  function(msg){
    console.log(msg)
  },
  function(error){
    console.log(error)
  },
  {
    enableHighAccuracy: false,
    maximumAge: 60000,
    timeout: 45000
  })

在Android Studio開啟Cordova專案

使用cordova建立專案
通常都是透過指令直接操作
但也會有必須要使用Android Studio執行的狀況
以下是在Android Studio內執行Cordova 專案的流程

1.選擇import project(Gradle,Eclips)
2.選擇目錄：選取Cordova專案下的platform/android
  注意不要選取整個codova專案
3.出現錯誤 The minSdk version should not be declared in the android manifest file
  解法
  移除 android/CordovaLib/AndroidManifest.xml與
  android/app/src/main/AndroidManifest.xml內的
  <uses-sdk android:targetSdkVersion="28" android:minSdkVersion="19" />
4.重新執行File/Sync Project with Gradle 即可 執行

Android 6.x Cordova Content-Security-Policy 異動

當cordova build跑在android 6.x的環境下
需要做調整
1.加上 default-src *
  當content類型沒有設定plolicy時會以這個當作預設設定
2.所有原本設定為* ,都改成http://*
3.圖檔的部分 必須以img-src設定policy

modal hide 在ios上的bug

使用bootstrap modal
當modal上有input field 在focus狀態時
若將modal hide
在android上同時會自動讓input field 失去focus
但在ios上 focus還是會繼續讓focus留在input上
而造成在ios上有modal關閉不完全的狀況

這部分需處裡在modal hide時
強制讓input field失去focus
也就是

$('input[type=text]').blur()

window.innerHeigh for ios bug

window.innerHeigh在android上可以抓到當時設備方向的高度
ios設備上則不管拿水平垂直,都會抓到device的高度
只要加上以下meta
即可正確取得當時方向的height

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no">

html select tag 在 cordova build bug

1.selectsize無效
若要select 顯示多筆,在web上可透過size設定要顯示的數量

<select size='5'>

但在build apk後,會造成select無法看到option選項
clcik select後才看得到選項
拿掉size後 select會顯示單筆option

2.option selected無效
在web上可以透過設定option的selected達到選取效果

#$(_option).attr 'selected','selected'<br />

但這在cordova上無效須改成在
select上設定value才會讓web與cordova都可常使用

$('._select').val $(_option).val()