javascript - iPhone WebApp 在 safari 中打开链接

Question

当我将我的“网络应用程序”添加到我的 iPhone 主屏幕，然后打开它并单击一个链接时，它会打开 Safari。

我找到了几个解决我的问题的方法，但它们似乎不起作用:

iPhone Safari Web App opens links in new window

$('a').live('click', function (event)
{      
var href = $(this).attr("href");

if (href.indexOf(location.hostname) > -1)
{
    event.preventDefault();
    window.location = href;
}
});

http://jakeboyles.com/2011/01/16/how-to-build-an-iphone-and-ipad-web-app/

<a ontouchstart="window.location=yourlink.html' ">Your Link</a>

这两篇文章/教程都是在 iOS5 之前编写的。有没有新的方法？我做错了什么吗？

感谢您的帮助

Answer 1

一个想法是让您的主屏幕应用程序成为一个 iframe，并让所有 anchor 都指向它。不需要 javascript。

或者:

$('a').on('click touchend', function(ev){

    $(this).preventDefault();
    window.location = $(this).attr('href');

});

切勿将“touchstart”用于链接之类的内容。您只想检测用户何时停止触摸链接。检测按键、鼠标点击等也是如此。这是您要检测的事件的结束。

.live 在最新版本的 jQuery 中已被弃用，因此从现在开始使用 .on() 它将无缝地包裹现存和非现存元素。