移动端和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/'
}
相关阅读
发表评论