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截取字符串常用方法整理及使用示例
Oct 18 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
在JavaScript中构建ArrayList示例代码
Sep 17 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
vue实现点击当前标签高亮效果【推荐】
Jun 22 Javascript
Vue scrollBehavior 滚动行为实现后退页面显示在上次浏览的位置
May 27 Javascript
JavaScript监听触摸事件代码实例
Dec 30 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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入门学习笔记之一
2010/10/12 PHP
PHP实现生成透明背景的PNG缩略图函数分享
2014/07/08 PHP
Laravel实现批量更新多条数据
2020/04/06 PHP
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
JavaScript的eval JSON object问题
2009/11/15 Javascript
常用一些Javascript判断函数
2012/08/14 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
js获取当月最后一天实例代码
2013/11/19 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
jquery悬浮提示框完整实例
2016/01/13 Javascript
深入浅析JavaScript中数据共享和数据传递
2016/04/25 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
2016/06/12 Javascript
vue 2.0组件与v-model详解
2017/03/27 Javascript
js 获取今天以及过去日期
2017/04/11 Javascript
EasyUI实现下拉框多选功能
2017/11/07 Javascript
security.js实现的RSA加密功能示例
2018/06/06 Javascript
使用vue.js在页面内组件监听scroll事件的方法
2018/09/11 Javascript
在Python中操作时间之mktime()方法的使用教程
2015/05/22 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
python实现植物大战僵尸游戏实例代码
2019/06/10 Python
在python中实现调用可执行文件.exe的3种方法
2019/07/07 Python
浅谈keras使用预训练模型vgg16分类,损失和准确度不变
2020/07/02 Python
Python中Selenium模块的使用详解
2020/10/09 Python
劳力士官方珠宝商:J.R. Dunn Jewelers
2018/09/29 全球购物
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
自我鉴定三原则
2014/01/13 职场文书
美发活动策划书
2014/01/14 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
2015年基建工作总结范文
2015/05/23 职场文书
垂直极限观后感
2015/06/08 职场文书
大学开学感言
2015/08/01 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android