av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript navigator.userAgent獲取瀏覽器信息案例講解

瀏覽:7日期:2023-12-04 08:32:40

瀏覽器對于我們來說,可能是最熟悉的工具了。熟知的瀏覽器Firefox、Opera、Safari、IE、Chrome以外,據說世界上還有近百種瀏覽器。通常在開發的時候要做到兼容各種瀏覽器,因此提煉出判斷瀏覽器類型及系統是很重要的。

先來看看什么是User-Agent?User-Agent是HTTP請求中的用戶標識,一般發送一個能夠代表客戶端類型的字符串,比如瀏覽器類型 操作系統等信息。User-Agent 的約定格式是:應用名,跟一個斜線,跟版本號,剩下的是自由的格式。

此處我只實例展示幾個瀏覽器

Chrome

JavaScript navigator.userAgent獲取瀏覽器信息案例講解

iphone的safari

JavaScript navigator.userAgent獲取瀏覽器信息案例講解

IE

JavaScript navigator.userAgent獲取瀏覽器信息案例講解

接下來封裝了獲取瀏覽類型與系統的函數,之后在需要的地方進行調用即可

// 各主流瀏覽器function getBrowser() { 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;} } return ’other’;} // 系統區分function getOS() { 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’; }}

到此這篇關于JavaScript navigator.userAgent獲取瀏覽器信息案例講解的文章就介紹到這了,更多相關JavaScript navigator.userAgent獲取瀏覽器信息內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: av超碰 | 久久久日韩精品一区二区三区 | 国产99视频精品免视看9 | 精品一区二区在线看 | 黄色精品视频网站 | 亚洲免费一 | 在线激情视频 | 中文字幕第一页在线 | av一二三四 | 国产区精品在线观看 | 中文字幕黄色大片 | 6080亚洲精品一区二区 | 中文字幕在线观看第一页 | 国产免费让你躁在线视频 | 国产一级片一区二区 | 一级欧美 | 99热精品久久 | www.日日干 | 国产男女视频 | 欧美成人第一页 | 在线第一页 | 99久久久国产精品 | 国产婷婷综合 | 亚洲免费在线 | 在线观看www视频 | 天天操天天怕 | 色呦呦网站 | 韩日一区二区 | 九色在线观看 | 韩国久久精品 | 美女视频一区二区三区 | 亚洲成人精品 | 欧美国产日韩精品 | 日韩高清中文字幕 | www国产成人免费观看视频,深夜成人网 | 午夜天堂精品久久久久 | 天天色av| 三级在线免费观看 | 99热播放| 国产农村一级片 | 久久精品一 |