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 语法集锦 脚本之家基础推荐
Nov 15 Javascript
JQuery中attr方法和removeAttr方法用法实例
May 18 Javascript
jQuery中通过ajax的get()函数读取页面的方法
Feb 29 Javascript
Bootstrap3多级下拉菜单
Feb 24 Javascript
详解Node.js串行化流程控制
May 04 Javascript
浅谈Express异步进化史
Sep 09 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
js中对象和面向对象与Json介绍
Jan 21 Javascript
JavaScript如何实现元素全排列实例代码
May 14 Javascript
Vue 动态路由的实现及 Springsecurity 按钮级别的权限控制
Sep 05 Javascript
js判断密码强度的方法
Mar 18 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
原生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实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
PHP获取时间排除周六、周日的两个方法
2014/06/30 PHP
PHP目录与文件操作技巧总结(创建,删除,遍历,读写,修改等)
2016/09/11 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
分享20多个很棒的jQuery 文件上传插件或教程
2011/09/04 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
JavaScript 模块化编程(笔记)
2015/04/08 Javascript
js闭包实现按秒计数
2015/04/23 Javascript
js实现表单多按钮提交action的处理方法
2015/10/24 Javascript
基于Jquery和html5的7款个性化地图插件
2015/11/17 Javascript
jQuery EasyUI 右键菜单--关闭标签/选项卡的简单实例
2016/10/10 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
详解bootstrap导航栏.nav与.navbar区别
2017/11/23 Javascript
微信小程序实现炫酷的弹出式菜单特效
2019/01/28 Javascript
Python升级提示Tkinter模块找不到的解决方法
2014/08/22 Python
Python fileinput模块使用介绍
2014/11/30 Python
python中迭代器(iterator)用法实例分析
2015/04/29 Python
浅谈python多线程和队列管理shell程序
2015/08/04 Python
Python使用爬虫猜密码
2016/02/19 Python
Python实现七彩蟒蛇绘制实例代码
2018/01/16 Python
使用python itchat包爬取微信好友头像形成矩形头像集的方法
2019/02/21 Python
Python学习笔记之图片人脸检测识别实例教程
2019/03/06 Python
python常用运维脚本实例小结
2020/02/14 Python
Python基础类继承重写实现原理解析
2020/04/03 Python
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
后勤人员岗位职责
2013/12/17 职场文书
生产车间主管岗位职责
2013/12/28 职场文书
中专生自我鉴定范文
2014/02/02 职场文书
死亡证明书样本说明
2014/10/18 职场文书
清明节文明祭祀倡议书
2015/04/28 职场文书
2015年监理个人工作总结
2015/05/23 职场文书