解决移动端使用window.open跳转链接时,苹果iOS没有反应的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决移动端使用window.open跳转链接时,苹果iOS没有反应的问题相关的知识,希望对你有一定的参考价值。

参考技术A

移动端使用window.open跳转链接时安卓可以正常跳转,但是ios苹果上没有反应,百度了下说是因为苹果的安全机制拦截了,所以不能打开新的标签页,然后就使用了网上的方法:

在iOS上打不开,点击无响应

然后就直接使用window.location.href ,这回苹果可以跳转了,但是安卓上点击没反应了
然后就开始判断是哪个终端

这样就安卓和苹果上都能跳转链接了

原文链接 https://blog.csdn.net/qq_43729779/article/details/108598139

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

最近在做项目时,碰到 safari 浏览器不支持location跳转问题,针对此问题,可以通过 js 模拟点击时间来解决,代码如下:

 1 <!DOCTYPE HTML>
 2 <html lang="en-US">
 3 <head>
 4    <meta charset="UTF-8">
 5    <title></title>
 6 </head>
 7 <body>
 8    <a id=‘link‘ href="#"></a>
 9    <script type="text/javascript">
10       var obj = document.getElementById(link);
11       obj.href = "http://www.baidu.com";
12       obj.click();
13    </script>
14 </body>
15 </html>

 

以上是关于解决移动端使用window.open跳转链接时,苹果iOS没有反应的问题的主要内容,如果未能解决你的问题,请参考以下文章

JS window.open()拦截问题解决方案

关于 Safari 浏览器不支持 location [ window.location.href window.open()] 跳转问题的解决方案

移动端pdf预览

window.open(url)新窗口打开链接被浏览器拦截解决方案

解决移动端点击链接出现颜色块问题

js 移动端通过createObjectURL生成的http连接打不开