Question

我的代码是：

<div data-role="page" id="pageID">


    <div data-role="header"  data-position="fixed">
        <p>Directions</p>
    </div>


    <div data-role="content">

        <div style="width:100%; height:80%;">
            <iframe src="http://m.google.com"  seamless=""></iframe>     
        </div>

    </div> 

</div>

但是当我来到这个页面时谷歌没有加载。我正在尝试三星Galaxy S Android手机。

Answer 1

这个iframe对我有用但有列表问题

<iframe name="frame" src="http://google.com" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px">
    </iframe>'

Answer 2

不要在手机上使用iFrame和JQM。 iFrame不适用于某些内置的Android浏览器。您是否尝试在移动Chrome或Firefox浏览器上进行测试？

最糟糕的情况是使用this组件。它是一个用于显示新浏览器窗口的phonegap插件。

This示例应该有效。我在Galaxy S3上测试过它。

<iframe style="width: 400px; height: 400px" src="http://m.google.com" frameborder="0" scrolling="no"></iframe>

Answer 3

阻止网址也可能存在问题。如果您使用phonegap build..add以下行到config.xml。

参考链接：http://docs.build.phonegap.com/en_US/#googtrans(en)配置阻止..

<plugin name="cordova-plugin-whitelist" version="1"/>
<allow-intent href="http://*/*"/>
<allow-intent href="https://*/*"/>
<allow-intent href="tel:*"/>
<allow-intent href="sms:*"/>
<allow-intent href="mailto:*"/>
<allow-intent href="geo:*"/>
<platform name="android">
    <allow-intent href="market:*"/>
</platform>
<platform name="ios">
    <allow-intent href="itms:*"/>
    <allow-intent href="itms-apps:*"/>
</platform>

确保<plugin name="cordova-plugin-whitelist" version="1"/>添加了这个..

iFrame无法在jQuery Mobile（手机差距）中工作

3 个答案: