我们做项目时需要判断访问终端的信息,做区别处理,下面的方法即可实现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> <script> window.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(‘Linux‘) > -1, /*android终端或者uc浏览器*/ iPhone: u.indexOf(‘iPhone‘) > -1 , /*是否为iPhone或者QQHD浏览器*/ iPad: u.indexOf(‘iPad‘) > -1, /*是否iPad*/ webApp: u.indexOf(‘Safari‘) == -1, /*是否web应该程序,没有头部与底部*/ weixin: u.toLowerCase().indexOf(‘micromessenger‘) > -1 /*是否是微信*/ }; }(), language:(navigator.browserLanguage || navigator.language).toLowerCase() }; console.log(browser) </script>
时间: 2024-10-22 19:01:18