Question

我最近在我的phonegap应用程序中发现了一个错误。所以，我决定纠正它（很好！）我需要将phonegap客户端更新到新版本6.4.2。完成后，我通过＆＃34; phonegap serve ＆＃34;运行我的应用程序。并在Android设备和iPhone设备（iOS 10）上测试我的应用程序。我们的应用程序是一个简单的HTML页面，里面装有iframe，以便封装我们的响应式设计网站。

在旧版iPhone（iOS 7.1.2）的Android AND 上一切都很棒，但在iOS 10的新iPhone上，iframe无法加载！我搜索了很长时间为什么......我不明白......

所以，我计划创建一个新的应用程序

phonegap创建TestApp

这是index.html代码

<html>

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <meta http-equiv="Content-Security-Policy" content="default-src gap://ready file://* *; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; frame-src *; ">

    <link rel="stylesheet" type="text/css" href="css/index.css" />
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <title>Hello World</title>
</head>

<body>
    <iframe id="webview" src="https://www.google.com" onload="checkPage();"> 
    </iframe>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript">
        app.initialize(); 
    </script>
</body>

</html>

它真的是一个内部有iframe的已启动页面，而且这个iframe没有加载，并且从不触发checkPage（）。我试图改变内容安全政策＆＃34;但是......没有用......

我没有想法，所以，如果有人遇到同样的问题并且知道如何解决这个问题......欢迎您！

谢谢，如果你想要我可以提供更多代码

劳伦

Answer 1

答案可以在这个问题中找到： Cordova iOS blank iframe

只需将以下内容添加到config.xml文件中：

<allow-navigation href="*" />

iOS10上的Phonegap 6.4.2 iframe无法加载

1 个答案: