Home > Article > Web Front-end > js determines the current way to open the browser
Our same web page may be opened on PC or on different mobile terminals. If we want to open it on different devices and display different effects, we need to know how the browser is currently opened. The properties provided by the Navigator object can solve these problems. The Navigator object contains information about the browser.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>浏览器</title> </head> <body> </body> <script> 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('Linux') > -1, //android终端或uc浏览器 iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部 }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() }; if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面 var ua = navigator.userAgent.toLowerCase();//获取判断用的对象 // alert('是在移动端打开'); if (ua.match(/MicroMessenger/i) == "micromessenger") { //在微信中打开 alert('在微信中打开'); } if (ua.match(/WeiBo/i) == "weibo") { 在新浪微博客户端打开 } if (ua.match(/QQ/i) == "qq") { //在QQ空间打开 alert('在QQ打开的'); } if (browser.versions.ios) { //是否在IOS浏览器打开 alert('是在IOS浏览器打开'); } if(browser.versions.android){ //是否在安卓浏览器打开 alert('是在安卓浏览器打开'); } } else { //否则就是PC浏览器打开 alert('是在pc端打开的'); } </script> </html>
The above is the detailed content of js determines the current way to open the browser. For more information, please follow other related articles on the PHP Chinese website!