JavaScript

超轻量级php框架startmvc

JavaScript判断浏览器和hack滚动条的写法

更新时间:2020-05-25 22:12:01 作者:startmvc
判断各大浏览器内核:varuserAgent=navigator.userAgent;//取得浏览器的userAgent字符串varisOpera=userAgen

判断各大浏览器内核:


var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 
 var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器 
 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器 
 var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge
 var?isFF?=?userAgent.indexOf("Firefox")>-1 //判断是否Firefox浏览器??
 var?isSafari?=?userAgent.indexOf("Safari")>-1&&?userAgent.indexOf("Chrome")==-1; //判断是否Safari浏览器??
 var?isChrome?=?userAgent.indexOf("Chrome")>-1&&?userAgent.indexOf("Edge")==-1; //判断Chrome浏览器??

处理各个浏览器滚动条,以下是我隐藏公司项目中滚动条的写法,仅供参考:


if(isFF){
 console.log('火狐')
 $('#parent').width((windowWidth -320)*(1.01749));
 }else if(isChrome){ 
 console.log('谷歌')
 $('#parent').width((windowWidth -320)*(1.01749));
 }else if(isIE){ 
 console.log('ie10-ie5')
 $('#parent').width((windowWidth -320)*(1.01720));
 }else if(isEdge){
 console.log('edge')
 $('#parent').width((windowWidth -320)*(1.02224));
 }else{
 console.log('ie11和其他浏览器')
 $('#parent').width((windowWidth -320)*(1.01816));
 }

以上所述是小编给大家介绍的JavaScript判断浏览器和hack滚动条的写法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

javascript判断浏览器 js 滚动条