PhoneGap Iframe不工作

时间:2016-06-22 13:59:46

标签: cordova

我正在使用PhoneGap开发应用程序我单独使用iframe,如何克服它不加载iframe字段

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <title>Hello World</title>
</head>
<body>

    <div class="loader"></div>

    <div class="iframe">
        <iframe name="iframeName" width="320" height="480">></iframe> 
    </div>

    <script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
    <script type="text/javascript">
        $("[name=iframeName]").attr("src", "http://dnsmarket.net/pdf");
    </script>

</body>
</html>

1 个答案:

答案 0 :(得分:10)

您正在将内容加载到主Web视图中的iframe中,这需要您允许访问config.xml文件中的该内容。

通过在config.xml中添加以下内容,您可以在加载iframe内容时允许主Web视图导航到您的URL,然后这样就可以了:

select Id,VirtualPath
from Files
where VirtualPath starts with my query path
and VirtualPath has <= slashes than my query pathy
--aka do a non-recursive listing of my folder

我使用iOS和Cordova 6.2.0对此进行了测试,并且上述更改可以正常使用。我使用了index.html作为发布。

描述如何配置允许导航的文档可以是found here