移动端和PC端全部通过window.open()来跳转页面窗口,但是在ios端下就会失效,导致跳转没有生效,原因可能是苹果的安全机制拦截了,所以不能打开新的标签页。

一 . 使用 window.location.href后ios可以正常跳转,Android无法跳转了

// ios生效

window.location.href = 'https://www.baidu.com/'

// Android生效

window.open('https://www.baidu.com/')

解决方法

获取浏览器识别兼容的系统类型 找到安卓和苹果端

let system = navigator.userAgent

let isAndroid = system.indexOf('Android') > -1 || system.indexOf('Adr') > -1 // android终端

let isiOS = !!system.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端

// 使用

if (isAndroid) {

//android终端

console.log('我是安卓')

window.open('https://www.baidu.com/')

} else if (isiOS) {

//ios终端

console.log('我是ios')

window.location.href = 'https://www.baidu.com/'

}

相关阅读

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。