使用js Cordova或Phonegap Android KitKat 4.4的动态视口

时间:2014-04-29 17:27:30

标签: cordova webview viewport android-4.4-kitkat

我使用以下代码将我的应用调整大小/扩展到任意设备(iOS,Android)的屏幕尺寸:

<head>
<meta charset="utf-8"> 
<title>App Title</title>
<meta id="Viewport" name="viewport">     
<script src="plugins/jquery-1.10.2.min.js"></script>   
<link rel="stylesheet" href="css/main.css" />
<script src="plugins/main.js"></script>
<script src="cordova.js"></script>
<script type="text/javascript">
    $(function(){
    if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) {
      var ww = ( $(window).width() < window.screen.width ) ? $(window).width() : window.screen.width; 
      var mw = 1080;
      var ratio =  ww / mw;
      if( ww < mw){
       $('#Viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=yes, width=' + ww);
      }else{
       $('#Viewport').attr('content', 'initial-scale=' + ratio + ', maximum-scale=' + ratio + ', minimum-scale=' + ratio + ', user-scalable=yes, width=' + ww);
      }
    }
    });                                             
</script></head> 

它在iOS和Android上完美地运行到Api lvl 18,停止工作在lvl 19 KitKat 4.4.2 我读到:PhoneGap在KitKat(4.4)之前使用Android WebView,但是如何使这个代码工作我已经给出了? 看起来好像不执行js

或任何建议其他解决方案???

任何建议的答案

更新30.04.2014

我还设置了manualy viewport而没有js,并且在Android 4.3上工作得很完美,但4.4.2根本不工作 - 我在Eclipse中使用Cordova 3.4.0

0 个答案:

没有答案