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


Posted in Javascript onJuly 23, 2017

判断各大浏览器内核:

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 相关文章推荐
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
动态加载js、css等文件跨iframe实现
Feb 24 Javascript
JavaScript中对循环语句的优化技巧深入探讨
Jun 06 Javascript
浅析JavaScript中的事件机制
Jun 04 Javascript
jQuery使用serialize()表单序列化时出现中文乱码问题的解决办法
Jul 27 Javascript
通过sails和阿里大于实现短信验证
Jan 04 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
bootstrap中的 form表单属性role="form"的作用详解
Jan 20 Javascript
vue中实现先请求数据再渲染dom分享
Mar 17 Javascript
H5+C3+JS实现五子棋游戏(AI篇)
May 28 Javascript
vue中用 async/await 来处理异步操作
Jul 18 Javascript
element中table高度自适应的实现
Oct 21 Javascript
原生js FileReader对象实现图片上传本地预览效果
Mar 27 #Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 #Javascript
Node.js如何实现注册邮箱激活功能 (常见)
Jul 23 #Javascript
jQuery.Ajax()的data参数类型详解
Jul 23 #jQuery
vue axios用法教程详解
Jul 23 #Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 #Javascript
关于JavaScript中的this指向问题总结篇
Jul 23 #Javascript
You might like
javascript中的有名函数和无名函数
2007/10/17 Javascript
jquery获取div距离窗口和父级dv的距离示例
2013/10/10 Javascript
jquery插件开发之实现google+圈子选择功能
2014/03/10 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
一个php+js实时显示时间问题
2015/10/12 Javascript
Node.js环境下JavaScript实现单链表与双链表结构
2016/06/12 Javascript
jQuery表单验证插件解析(推荐)
2016/07/21 Javascript
vue制作加载更多功能的正确打开方式
2016/10/12 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
微信小程序实现滚动消息通知
2018/02/02 Javascript
vue-cli3跨域配置的简单方法
2019/09/06 Javascript
layui-tree实现Ajax异步请求后动态添加节点的方法
2019/09/23 Javascript
[51:10]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[45:25]完美世界DOTA2联赛循环赛 PXG vs IO 第一场 11.06
2020/11/09 DOTA
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
python getopt详解及简单实例
2016/12/30 Python
Python cookbook(数据结构与算法)筛选及提取序列中元素的方法
2018/03/19 Python
Python中修改字符串的四种方法
2018/11/02 Python
Django中的forms组件实例详解
2018/11/08 Python
使用NumPy读取MNIST数据的实现代码示例
2019/11/20 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
python logging通过json文件配置的步骤
2020/04/27 Python
Python用K-means聚类算法进行客户分群的实现
2020/08/23 Python
Python基于unittest实现测试用例执行
2020/11/25 Python
Python try except finally资源回收的实现
2021/01/25 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
MSC邮轮官方网站:加勒比海、地中海和世界各地的假期
2018/08/27 全球购物
英国性能汽车零件和发动机配件在线:Maxpeedingrods
2019/11/05 全球购物
幼儿园小班教学反思
2014/02/02 职场文书
学生会招新策划书
2014/02/14 职场文书
机关作风建设心得体会
2014/10/22 职场文书
2014年化工厂工作总结
2014/11/25 职场文书
写给老婆的保证书
2015/02/27 职场文书
退休欢送会主持词
2015/07/01 职场文书