webapp，ios Safari打开新窗口

最新推荐文章于 2022-10-21 12:18:56 发布

转载最新推荐文章于 2022-10-21 12:18:56 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lccnblog/p/4925679.html

文章标签：

#移动开发 #javascript #ViewUI

本文介绍了一种防止iOS独立模式下Web应用中的链接在Safari浏览器中新标签页打开的方法，通过JavaScript代码实现对链接点击事件的监听，并阻止默认行为，确保链接在当前Web应用内打开。

<script type="text/javascript">
//iOS Web APP中点击链接跳转到Safari 浏览器新标签页的问题 devework.com
//stanislav.it/how-to-prevent-ios-standalone-mode-web-apps-from-opening-links-in-safari
if(("standalone" in window.navigator) && window.navigator.standalone){
var noddy, remotes = false;
document.addEventListener('click', function(event) {
noddy = event.target;
while(noddy.nodeName !== "A" && noddy.nodeName !== "HTML") {
noddy = noddy.parentNode;
}
if('href' in noddy && noddy.href.indexOf('http') !== -1 && (noddy.href.indexOf(document.location.host) !== -1 || remotes))
{
event.preventDefault();
document.location.href = noddy.href;
}
},false);
}
</script>