在cordova ios应用程序中查看另一个网页中的网页答案

【问题标题】：Viewing a web page inside another in a cordva ios app在cordova ios应用程序中查看另一个网页中的网页
【发布时间】：2020-01-01 16:22:15
【问题描述】：

我们正在构建一个 Cordova iOS 应用程序，其中一个 HTML 页面显示另一个在线页面。它在 Safari 中运行良好，但在我们构建应用程序时无法运行。

这是我们尝试过的代码。它适用于 Safari（在 Mac 和 iPhone 7 上），但不能作为 Cordova 应用程序在 iOS 上运行

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>In My Home</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="../css/bootstrap.min.css">
</head>
<body>
<div class="embed-responsive embed-responsive-16by9">
    <object type="text/html" data="https://mylink.com/../index.html">
    </object>
</div>

<script type="text/javascript" src="../cordova.js"></script>
<script type="text/javascript" src="../js/landscape.js"></script>
</body>
</html>

我们想到的一些可能原因：

应用需要特殊权限 (?)
HTML 代码需要一些参数 (?)
别的东西 (??)

谢谢！

【问题讨论】：

使用cordova-plugin-inappbrowser插件

标签： javascript html ios cordova

【解决方案1】：

您可以使用 iframe：

<iframe src="https://mylink.com/../index.html">
</iframe>

但如果不是同一个域（https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy），您可能会遇到一些麻烦

一个不错的选择是使用 zoid (https://github.com/krakenjs/zoid)。

【讨论】：