1，區(qū)分PC端還是移動(dòng)端

methods:{_isMobile() {let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)return flag;}, }, mounted(){if (this._isMobile()) {$('.myRegister .myCenter').css({"width": "85%"})// alert("手機(jī)端");} else {$('.myRegister .myCenter').css({"width": "25%"})// alert("pc端");} }

2，區(qū)分操作系統(tǒng)

var u = navigator.userAgent; if (!!u.match(/compatible/i) || u.match(/Windows/i)) {return 'windows'; } else if (!!u.match(/Macintosh/i) || u.match(/MacIntel/i)) {return 'macOS'; } else if (!!u.match(/iphone/i) || u.match(/Ipad/i)) {return 'ios'; } else if (!!u.match(/android/i)) {return 'android'; } else {return 'other'; }

3，區(qū)分瀏覽器型號(hào)

var u = navigator.userAgent; var bws = [{name: 'sgssapp',it: /sogousearch/i.test(u) }, {name: 'wechat',it: /MicroMessenger/i.test(u) }, {name: 'weibo',it: !!u.match(/Weibo/i) }, {name: 'uc',it: !!u.match(/UCBrowser/i) || u.indexOf(' UBrowser') > -1 }, {name: 'sogou',it: u.indexOf('MetaSr') > -1 || u.indexOf('Sogou') > -1 }, {name: 'xiaomi',it: u.indexOf('MiuiBrowser') > -1 }, {name: 'baidu',it: u.indexOf('Baidu') > -1 || u.indexOf('BIDUBrowser') > -1 }, {name: '360',it: u.indexOf('360EE') > -1 || u.indexOf('360SE') > -1 }, {name: '2345',it: u.indexOf('2345Explorer') > -1 }, {name: 'edge',it: u.indexOf('Edge') > -1 }, {name: 'ie11',it: u.indexOf('Trident') > -1 && u.indexOf('rv:11.0') > -1 }, {name: 'ie',it: u.indexOf('compatible') > -1 && u.indexOf('MSIE') > -1 }, {name: 'firefox',it: u.indexOf('Firefox') > -1 }, {name: 'safari',it: u.indexOf('Safari') > -1 && u.indexOf('Chrome') === -1 }, {name: 'qqbrowser',it: u.indexOf('MQQBrowser') > -1 && u.indexOf(' QQ') === -1 }, {name: 'qq',it: u.indexOf('QQ') > -1 }, {name: 'chrome',it: u.indexOf('Chrome') > -1 || u.indexOf('CriOS') > -1 }, {name: 'opera',it: u.indexOf('Opera') > -1 || u.indexOf('OPR') > -1 }];for (var i = 0; i < bws.length; i++) {if (bws[i].it) {return bws[i].name;} } 創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的根据浏览器navigator区分PC端还是移动端，区分操作系统，区分浏览器型号的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。