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实现的分页插件pagenav
Aug 28 Javascript
jQuery动态创建html元素的常用方法汇总
Sep 05 Javascript
JQuery中DOM事件绑定用法详解
Jun 13 Javascript
javascript实现自动输出文本(打字特效)
Aug 27 Javascript
jQuery实现仿腾讯迷你首页选项卡效果代码
Sep 17 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
修改 bootstrap table 默认detailRow样式的实例代码
Jul 21 Javascript
详解React中setState回调函数
Jun 14 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
vue实现图片预览组件封装与使用
Jul 13 Javascript
google广告之另类js调用实现代码
Aug 22 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的header和asp中的redirect比较
2006/10/09 PHP
php下使用以下代码连接并测试
2008/04/09 PHP
解析PHP多种序列化与反序列化的方法
2013/06/06 PHP
提交表单后 PHP获取提交内容的实现方法
2016/05/25 PHP
css把超出的部分显示为省略号的方法兼容火狐
2008/07/23 Javascript
Javascript 面向对象 重载
2010/05/13 Javascript
jquery等待效果示例
2014/05/01 Javascript
jQuery选择器源码解读(二):select方法
2015/03/31 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
2016/07/11 Javascript
easyui导出excel无法弹出下载框的快速解决方法
2016/11/10 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
JavaScript中offsetWidth的bug及解决方法
2017/05/17 Javascript
Vue 进入/离开动画效果
2017/12/26 Javascript
为什么使用koa2搭建微信第三方公众平台的原因
2018/05/16 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
[01:21]DOTA2新纪元-7.0新版本即将开启!
2016/12/11 DOTA
收集的几个Python小技巧分享
2014/11/22 Python
python动态网页批量爬取
2016/02/14 Python
Python读写txt文本文件的操作方法全解析
2016/06/26 Python
python简单实现AES加密和解密
2019/03/28 Python
200行python代码实现2048游戏
2019/07/17 Python
对Django项目中的ORM映射与模糊查询的使用详解
2019/07/18 Python
pip install python 快速安装模块的教程图解
2019/10/08 Python
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
新东网科技Java笔试题
2012/07/13 面试题
什么是Smart Navigation?
2016/07/03 面试题
JAVA程序员面试题
2012/10/03 面试题
秋季运动会表扬稿
2014/01/16 职场文书
运动会稿件300字
2014/02/14 职场文书
人力资源经理的岗位职责
2014/03/02 职场文书
大学生党员自我评价
2015/03/04 职场文书
2015年业务员工作总结范文
2015/04/07 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫