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库的最佳方法详细说明及实现代码
Dec 28 Javascript
jquery实现ajax提交form表单的方法总结
Mar 03 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
jQuery表格行上移下移和置顶的实现方法
Oct 08 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
Mar 08 Javascript
js表单验证实例讲解
Mar 31 Javascript
jQuery插件EasyUI设置datagrid的checkbox为禁用状态的方法
Aug 05 Javascript
jQuery插件zTree实现清空选中第一个节点所有子节点的方法
Mar 08 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
Vue.js列表渲染绑定jQuery插件的正确姿势
Jun 29 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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
thinkphp多层MVC用法分析
2015/12/30 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft
2010/03/23 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
JS 实现点击a标签的时候让其背景更换
2013/10/15 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
jQuery使用animate创建动画用法实例
2015/08/07 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
再次谈论React.js实现原生js拖拽效果引起的一系列问题
2016/04/03 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
JavaScript中附件预览功能实现详解(推荐)
2017/08/15 Javascript
node.js使用redis储存session的方法
2018/09/26 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
深入理解nodejs搭建静态服务器(实现命令行)
2019/02/05 NodeJs
js中的深浅拷贝问题简析
2019/05/10 Javascript
解析vue、angular深度作用选择器
2019/09/11 Javascript
夯基础之手撕javascript继承详解
2020/11/09 Javascript
python测试驱动开发实例
2014/10/08 Python
Python获取当前路径实现代码
2017/05/08 Python
Python命令行参数解析工具 docopt 安装和应用过程详解
2019/09/26 Python
俄罗斯电子产品在线商店:UltraTrade
2020/01/30 全球购物
个人找工作的自我评价
2013/10/17 职场文书
写好自荐信的技巧
2013/11/08 职场文书
销售实习自我鉴定
2013/12/07 职场文书
铁路工务反思材料
2014/02/07 职场文书
元旦晚会主持词
2014/03/24 职场文书
教师个人读书活动总结
2014/07/08 职场文书
教书育人演讲稿
2014/09/11 职场文书
文明倡议书
2015/01/19 职场文书
2015年医生个人工作总结
2015/04/25 职场文书
2015年档案室工作总结
2015/05/23 职场文书
班委竞选稿范文
2015/11/21 职场文书
2019年暑期法院实习报告
2019/12/18 职场文书
HTML+CSS实现导航条下拉菜单的示例代码
2021/08/02 HTML / CSS