Question

我正在对移动网络应用进行最后润色，我了解到当您将主页添加到主屏幕时，点击任何链接都会使用户退出全屏模式并进入mobileSafari，彻底摧毁了全屏模式的目的。当所有链接都迫使你离开它时，如何使用全屏模式？

Answer 1

点击的任何<a href="">链接实际导航并定向到本机浏览器，弹出“应用”窗口。必须将所有导航缓解为脚本操作，显式导航浏览器或通过AJAX提交表单。

这是替换的更常见的jQuery实现，它还管理任何未来的文档修改和锚添加：

$("body")
       .on("click","a", function () {
           var href = $(this).attr("href");
           if (href) {
               window.location = href;
               return false;
           }
           return true;
       });

顺便提一下，表单提交似乎工作得很好而且没有打开一个新窗口，因此没有什么特别需要发生。

我倾向于将其放入启动脚本中，并将其拉入任何页面。这可能是页面底部的普通脚本块，也可能是Angular中的app.run（）。

Answer 2

我在博客上发现了这条评论：

现有网站的快速修复（使用prototype.js）：

document.observe(“click”,function(event){
var element = event.findElement(“a”);
if(element.href){
event.stop();
location.href = element.href; //this does the trick, page will open in same window
return false;
}
});

来源：http://www.luscarpa.com/development/make-your-website-an-iphone-web-application/

iOS主屏幕书签 - 避免被拉到mobileSafari？

2 个答案: