Cordova InAppBrowser不会缩放加载的页面

Question

任何人都可以帮助我获取Cordova InAppBrowser在Android应用上加载的外部页面以适应手机屏幕尺寸吗？

我正在使用以下代码从Sencha Touch应用程序调用inapp浏览器。

 var opt = 'location=no,clearcache=yes,closebuttoncaption=Back,EnableViewPortScale=yes';
    window.open('http://sg-prod-mobilityapi.cloudapp.net','_blank', opt);

当我调用网址时，我会看到以下屏幕

有人可以帮帮我吗？

Answer 1

将此代码添加到index.html

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

Answer 2

如果外部页面适合浏览器视口，则它应具有响应式设计。我经历了url，因为中间div的固定宽度和高度设置为340x380像素。您只能在应用浏览器中启用放大功能。

此外，phonegap允许您在加载URL后执行一些脚本，就像注入脚本一样。

 var iabRef = window.open('http://sg-prod-mobilityapi.cloudapp.net', '_blank', 'location=yes');
     iabRef.addEventListener('loadstop', replaceCustomStyle);

 function replaceCustomStyle() {
    iabRef.executeScript({
        code: "var itm = document.querySelector('#Main div'); 
                   itm.setAttribute('style','width:100%');"
    }, function() {
        alert("Element Successfully Hijacked");
    });
}

尝试此操作并记录 here