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数组的扩展实现代码集合
Jun 01 Javascript
js前台分页显示后端JAVA数据响应
Mar 18 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
JavaScript删除数组元素的方法
Mar 20 Javascript
JavaScript中各种引用类型的常用操作方法小结
May 05 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
Bootstrap整体框架之CSS12栅格系统
Dec 15 Javascript
基于Javascript倒计时效果
Dec 22 Javascript
javaScript封装的各种写法
Aug 14 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
基于JavaScript实现单例模式
Oct 30 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通过数组实现多条件查询实现方法(字符串分割)
2014/05/06 PHP
ThinkPHP3.1新特性之多层MVC的支持
2014/06/19 PHP
深入浅出php socket编程
2015/05/13 PHP
PHP在linux上执行外部命令的方法
2017/02/06 PHP
ASP中用Join和Array,可以加快字符连接速度的代码
2007/08/22 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
收集的10个免费的jQuery相册
2011/02/26 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
JS替换字符串中字符即替换全部而不是第一个
2014/06/04 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
使用jQuery操作DOM的方法小结
2017/02/27 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
js调用设备摄像头的方法
2018/07/19 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
python调用java模块SmartXLS和jpype修改excel文件的方法
2015/04/28 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
python下载文件记录黑名单的实现代码
2017/10/24 Python
Python中将变量按行写入txt文本中的方法
2018/04/03 Python
python实现多线程网页下载器
2018/04/15 Python
使用Py2Exe for Python3创建自己的exe程序示例
2018/10/31 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
Python3 虚拟开发环境搭建过程(图文详解)
2020/01/06 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
如何解决flask修改静态资源后缓存文件不能及时更改问题
2020/08/02 Python
医护人员英文求职信范文
2013/11/26 职场文书
毕业生求职的求职信
2013/12/05 职场文书
高二历史教学反思
2014/01/25 职场文书
怎么写自荐书范文
2014/02/12 职场文书
倡议书范文
2014/04/16 职场文书
企业活动策划方案
2014/06/02 职场文书
西柏坡导游词
2015/02/05 职场文书
年度考核登记表个人总结
2015/03/06 职场文书
幼儿园教学反思范文
2016/03/02 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
css样式important规则的正确使用方式
2022/06/10 HTML / CSS