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 相关文章推荐
javascript trim函数在IE下不能用的解决方法
Sep 12 Javascript
javascript中使用正则表达式清理table样式的代码
Apr 01 Javascript
jquery实现简单合拢与展开网页面板的方法
Sep 01 Javascript
JQuery实现级联下拉框效果实例讲解
Sep 17 Javascript
js使用cookie记录用户名的方法
Nov 26 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
vue.js简单配置axios的方法详解
Dec 13 Javascript
Javascript中从学习bind到实现bind的过程
Jan 05 Javascript
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
js实现文章目录索引导航(table of content)
May 10 Javascript
原生js实现表格翻页和跳转
Sep 29 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
蝙蝠侠:侠影之谜
2020/03/04 欧美动漫
基于HBase Thrift接口的一些使用问题及相关注意事项的详解
2013/06/03 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
PHP自定义多进制的方法
2016/11/03 PHP
JS和jquery获取各种屏幕的宽度和高度的代码
2013/08/02 Javascript
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
简单的代码实现jquery定时器
2014/01/03 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
jQuery实现仿QQ在线客服效果的滚动层代码
2015/10/15 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
微信小程序进行微信支付的步骤昂述
2016/12/01 Javascript
PHP获取当前页面完整URL的方法
2016/12/02 Javascript
jQuery电话号码验证实例
2017/01/05 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
基于vue实现一个神奇的动态按钮效果
2019/05/15 Javascript
如何利用nodejs实现命令行游戏
2020/11/24 NodeJs
[02:18]DOTA2英雄基础教程 育母蜘蛛
2014/01/20 DOTA
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
Python中数组,列表:冒号的灵活用法介绍(np数组,列表倒序)
2018/04/18 Python
利用python将图片版PDF转文字版PDF
2019/05/03 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
python多任务之协程的使用详解
2019/08/26 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
Python函数的迭代器与生成器的示例代码
2020/06/18 Python
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
毕业自我鉴定书
2014/03/24 职场文书
关爱老人标语
2014/06/21 职场文书
优秀党员先进材料
2014/12/18 职场文书
2014年学校禁毒工作总结
2014/12/23 职场文书
搞笑老公保证书
2015/02/26 职场文书
2015年医院工作总结范文
2015/04/09 职场文书
2015银行年终工作总结范文
2015/05/26 职场文书
乡镇司法所2015年度工作总结
2015/10/14 职场文书
详解Python魔法方法之描述符类
2021/05/26 Python