HappyBlog 2019-06-27
判断浏览类型的相关方法
window.navigator.userAgent.toLowerCase()//将浏览器信息获取,并转成小写
function isBrowser(){ var agent=navigator.userAgent.toLowerCase() console.log(agent) if(agent.indexOf('chrome')>0){ alert("chrome浏览器") } if(agent.indexOf('firefox')>0){ alert("firefox浏览器") } if(agent.indexOf('trident')>0){ alert("IE浏览器") } } isBrowser()
上面代码可以判断ie,火狐,谷歌浏览器,但是 国内的QQ浏览器,搜狗浏览器运行的时候alert的结果是"Chrome浏览器"
function isBrowser(){ var agent=navigator.userAgent.toLowerCase() console.log(agent) System=function(){ if(agent.indexOf('qqbrowser')>0){//判断是qq浏览器还是其它浏览器 return alert("qq浏览器") } if(agent.indexOf("se 2.x")>0){ return alert("搜狗浏览器") } alert('chrome浏览器') } System() if(agent.indexOf('firefox')>0){ alert("firefox浏览器") } if(agent.indexOf('trident')>0){ alert("IE浏览器") } } isBrowser()
360浏览器通过上面的方法并不能检测出是360浏览器
//application/vnd.chromium.remoting-viewer 可能为360特有 通过_mine判断是否是360 function isBrowser(){ var agent=navigator.userAgent.toLowerCase() console.log(agent) System=function(){ if(agent.indexOf('qqbrowser')>0){//判断是qq浏览器还是其它浏览器 return alert("qq浏览器") } if(agent.indexOf("se 2.x")>0){ return alert("搜狗浏览器") } var is360 = _mime("type", "application/vnd.chromium.remoting-viewer"); if (is360) { return "360浏览器" } //检测是否是谷歌内核(可排除360及谷歌以外的浏览器) //测试mime function _mime(option, value) { var mimeTypes = navigator.mimeTypes; console.log(mimeTypes) for (var mt in mimeTypes) { if (mimeTypes[mt][option] == value) { return true; } } return false; } alert('chrome浏览器') } System() if(agent.indexOf('firefox')>0){ alert("firefox浏览器") } if(agent.indexOf('trident')>0){ alert("IE浏览器") } } isBrowser()