链接不会在iOS独立网络应用中的iframe目标中打开

时间:2012-12-27 04:19:10

标签: ios css html5 iframe iphone-standalone-web-app

我遇到了泡菜。当我通过iOS 6在移动版Safari中查看我的网络应用时,我能够成功地将我的基本目标链接<a href="link.html" target="mainframe"打开到我的回顾性iframe中<iframe src="http://www.linkexample.org/" name="mainframe"></iframe>

虽然当应用程序通过独立打开时,所有链接都会退出应用程序并进入Mobile Safari。您可以在http://lacitilop.com/m2

看到一个有效的示例

有人对如何解决此问题有任何建议吗?

1 个答案:

答案 0 :(得分:1)

您需要编写一些javascript来更改iframe的SRC。

首先,让你的应用程序正常工作,以便链接不会通过使用类似下面的内容打开Safari(顺便说一下,它使用jquery):

if (window.navigator.standalone) {

$(document).on(
    "click",
    "a",
    function (event) {

        event.preventDefault();

        var aurl = $(event.target).attr("href");
        if (aurl) {
            location.href = $(event.target).attr("href");
        }
        else {
            location.href = this;
        }
    }
);

}

然后你需要修改它以使用iframe。

对于更多iphone应用程序的东西,你会想看看:

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html