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中实现标签切换效果的代码
Mar 01 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
Chrome下ifame父窗口调用子窗口的问题示例探讨
Mar 17 Javascript
jquery 操作css样式、位置、尺寸方法汇总
Nov 28 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
基于JavaScript如何制作遮罩层对话框
Jan 26 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
jQuery实现的简单前端搜索功能示例
Oct 28 jQuery
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
原生JS实现贪吃蛇小游戏
Mar 09 Javascript
10分钟学会js处理json的常用方法
Dec 06 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
php基础知识:类与对象(5) static
2006/12/13 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
javascript中的prototype属性使用说明(函数功能扩展)
2010/08/16 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
javascript实现画不相交的圆
2015/04/07 Javascript
javascript cookie的简单应用
2016/02/24 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
jQuery中Find选择器用法示例
2016/09/21 Javascript
bootstrap模态框消失问题的解决方法
2016/12/02 Javascript
jquery ui sortable拖拽后保存位置
2017/04/27 jQuery
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
2017/09/03 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
bootstrap datetimepicker控件位置异常的解决方法
2017/11/23 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
layer.open提交子页面的form和layedit文本编辑内容的方法
2019/09/27 Javascript
JQuery发送ajax请求时中文乱码问题解决
2019/11/14 jQuery
VUEX-action可以修改state吗
2019/11/19 Javascript
[02:30]辉夜杯主赛事第二日胜者组半决赛 CDEC.Y赛后采访
2015/12/26 DOTA
[01:31]DOTA2上海特级锦标赛 SECRET战队完整宣传片
2016/03/16 DOTA
python使用urllib2模块获取gravatar头像实例
2013/12/18 Python
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
Python的Django框架中消息通知的计数器实现教程
2016/06/13 Python
python中的变量如何开辟内存
2018/06/26 Python
Python实现某论坛自动签到功能
2019/08/20 Python
python实现的接收邮件功能示例【基于网易POP3服务器】
2019/09/11 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011/05/11 HTML / CSS
英国现代绅士品牌:Hackett
2017/12/17 全球购物
同学聚会老师邀请函
2014/01/28 职场文书
监察建议书范文
2014/03/12 职场文书
内勤主管岗位职责
2014/04/03 职场文书
2015年爱国卫生月活动总结
2015/03/26 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python
Meta增速拉垮,元宇宙难当重任
2022/04/29 数码科技
Android中的Launch Mode详情
2022/06/05 Java/Android