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 相关文章推荐
JS IE和FF兼容性问题汇总
Feb 09 Javascript
jQuery+ajax实现顶一下,踩一下效果
Jul 17 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
Dec 20 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
jQuery操作cookie
Aug 08 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
angularJS模态框$modal实例代码
May 27 Javascript
基于LayUI实现前端分页功能的方法
Jul 22 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
vue新vue-cli3环境配置和模拟json数据的实例
Sep 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
PHP连接MongoDB示例代码
2012/09/06 PHP
Yii框架安装简明教程
2020/05/15 PHP
JS鼠标事件大全 推荐收藏
2011/11/01 Javascript
简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器
2013/10/22 Javascript
javascript生成随机大小写字母的方法
2014/02/20 Javascript
分享jQuery网页元素拖拽插件
2020/12/01 Javascript
纯js的右下角弹窗实例
2017/03/12 Javascript
JQuery实现定时刷新功能代码
2017/05/09 jQuery
Angular.JS中select下拉框设置value的方法
2017/06/20 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
微信小程序 如何引入外部字体库iconfont的图标
2018/01/31 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
Javascript Web Worker使用过程解析
2020/03/16 Javascript
解决vue-loader加载不上的问题
2020/10/21 Javascript
Vue与React的区别和优势对比
2020/12/18 Vue.js
Python中为什么要用self探讨
2015/04/14 Python
Python实现Kmeans聚类算法
2020/06/10 Python
Python QQBot库的QQ聊天机器人
2019/06/19 Python
对pyqt5中QTabWidget的相关操作详解
2019/06/21 Python
Python计算不规则图形面积算法实现解析
2019/11/22 Python
pytorch常见的Tensor类型详解
2020/01/15 Python
基于K.image_data_format() == 'channels_first' 的理解
2020/06/29 Python
python中把元组转换为namedtuple方法
2020/12/09 Python
美国亚马逊旗下时尚女装网店:SHOPBOP(支持中文)
2020/10/17 全球购物
求职简历自荐信
2013/10/20 职场文书
优秀的毕业生的自我评价
2013/12/12 职场文书
幼儿教师培训感言
2014/03/08 职场文书
优秀少先队工作者事迹材料
2014/05/13 职场文书
学习群众路线的心得体会
2014/11/05 职场文书
先进党支部事迹材料
2014/12/24 职场文书
物业接待员岗位职责
2015/04/15 职场文书
导师鉴定意见
2015/06/05 职场文书
倡议书怎么写?
2019/04/11 职场文书
大学生如何逃脱“毕业季创业队即散伙”魔咒?
2019/08/19 职场文书
深度学习详解之初试机器学习
2021/04/14 Python