首页 > 解决方案 > 在cordva ios应用程序中查看另一个网页

问题描述

我们正在构建一个 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>

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

  1. 该应用程序需要特殊权限 (?)

  2. HTML 代码需要一些参数 (?)

  3. 别的东西(??)

谢谢!

标签: javascripthtmlioscordova

解决方案


您可以使用 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 )。


推荐阅读