在cordova的浏览器应用程序

Question

我在Apache cordova中创建了一个程序。我的程序只是打开网站的iframe 但我在5版之前的Android版本中滚动页面时遇到问题。我的问题出在图片中：

可以看出，文字没有正确放置。

我的代码就是这个

<div data-role="page" data-theme="a">        
    <div data-role="content" data-theme="a" id="theParent" style="height:100%; padding:0px; overflow:scroll !important;-webkit-overflow-scrolling:touch !important;">
        <!--<button id="myBtn" onclick="gourl();"> go to url </button>-->
        <iframe style="width:100%; border:0px; height:100%;" scrolling="yes" frameborder="0" src="http://shahreman.biz" id="urlshow">
        </iframe>

        <script>
            //document.getElementById("myBtn").addEventListener("click", gourl());
            //var physicalScreenHeight = window.screen.height * window.devicePixelRatio;
            var physicalScreenHeight = window.innerHeight;
            //physicalScreenHeight=(physicalScreenHeight/100)*97;
            var heightiframe=physicalScreenHeight+"px"
            //alert(heightiframe);
            document.getElementById('urlshow').style.height=heightiframe;
            function gourl()
            {
                document.getElementById('urlshow').src = 'http://shahreman.biz';
            }
        </script>

    </div>
</div>

Answer 1

这仅仅是因为您不想使用iframe在Cordova中构建应用。您可以使用PhoneGap并将您的html和所有内容放入新项目中，并使用PhoneGap Desktop模拟器或使用CLI运行它，以查看它在移动设备中的工作原理。从捕获看来你似乎有填充divs问题。祝你好运