javascript - uc、qq、搜狗 以上三个手机浏览器判断移动端的js代码不执行
问题描述
如题写了一段代码判断移动端就跳转,但是在uc、qq、搜狗的手机端不执行,chrome、小米、微信的手机端浏览器可以执行
var browser = {versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {trident: u.indexOf(’Trident’) > -1, //IE内核presto: u.indexOf(’Presto’) > -1, //opera内核webKit: u.indexOf(’AppleWebKit’) > -1, //苹果、谷歌内核gecko: u.indexOf(’Gecko’) > -1 && u.indexOf(’KHTML’) == -1,//火狐内核mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端ios: !!u.match(/(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端android: u.indexOf(’Android’) > -1 || u.indexOf(’Adr’) > -1, //android终端iPhone: u.indexOf(’iPhone’) > -1, //是否为iPhone或者QQHD浏览器iPad: u.indexOf(’iPad’) > -1, //是否iPadwebApp: u.indexOf(’Safari’) == -1, //是否web应该程序,没有头部与底部weixin: u.indexOf(’MicroMessenger’) > -1, //是否微信 (2015-01-22新增)qq: u.match(/sQQ/i) == ' qq' //是否QQ };}(), }; if (browser.versions.android || browser.versions.ios || browser.versions.mobile || browser.versions.iPhone||browser.versions.webApp||browser.versions.weixin||browser.versions.qq) {window.location = ’mobileWeb.html’ }
问题解答
回答1:if(’ontouchend’ in document) { // 移动端}回答2:
'SE'判断搜狗,'UBrowser'判断UC,要添加两个,修改'QQBrowser'判断QQ,然后试试看
回答3:最终发现了,原来是写了一句es6的语法,uc、搜狗、qq浏览器不支持,导致报错代码不执行。。。下载了一个vConsole调试工具在移动端才显示了错误。
回答4:正则对不上撒。把ua打印出来,自己看下哪里没匹配。移动端的ua不是有更简单的mobile关键字吗?搞的这么复杂?
相关文章:
1. webpack - vue-cli写的项目(本地跑没有问题),准备放到Nginx服务器上,有什么配置需要改的?还有怎么部署?2. 微信公众号发送模板消息返回错误410003. 这是什么情况???4. java.lang.ClassCastException:com.sun.proxy。$Proxy0无法转换为org.andrea.myexample.myDeclarativeTransaction5. 关于css3兼容safari的问题6. javascript - 滚动条遮住了hover弹出层?7. javascript - H5唤醒App8. Android明明可以直接分享,为什么还要用微信开放平台、微博开放平台的sdk?9. javascript - 单页面应用怎么监听ios微信返回键?10. HTML5禁止img预览该怎么解决?
