关于web clip跳转到浏览器的问题

web clip又称免签名封装,经测试 iPhone 13.4.1 以及以下版本的iOS,当链接形为<a href="https://www.gunchung.com">光程科技</a>时,点击链接会出现跳转到safari浏览器的情况。

解决办法是将a标签默认的浏览器行为阻止,用window.location.href替换。


<script type="text/javascript">

if(("standalone" in window.navigator) && window.navigator.standalone){

let 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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容