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 相关文章推荐
实现连缀调用的map方法(prototype)
Aug 05 Javascript
编写高性能的JavaScript 脚本的加载与执行
Apr 19 Javascript
对setInterval在火狐和chrome切换标签产生奇怪的效果之探索,与解决方案!
Oct 29 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
json字符串之间的相互转换示例代码
Aug 21 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
JavaScript对象拷贝与赋值操作实例分析
Dec 10 Javascript
JS闭包经典实例详解
Dec 20 Javascript
JS实现获取数组中最大值或最小值功能示例
Mar 02 Javascript
vue路由跳转传递参数的方式总结
May 10 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
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
PHP的邮件群发系统phplist配置方法详细总结
2016/03/30 PHP
php获取POST数据的三种方法实例详解
2016/12/20 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
Javascript表达式中连续的 && 和 || 之赋值区别
2010/10/17 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
jQuery配合coin-slider插件制作幻灯片效果的流程解析
2016/05/13 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
JS区分Object与Aarry的六种方法总结
2017/02/27 Javascript
bootstrap表单示例代码分享
2017/05/18 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
浅谈node模块与npm包管理工具
2018/01/03 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
python实现目录树生成示例
2014/03/28 Python
5款非常棒的Python工具
2018/01/05 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
对python模块中多个类的用法详解
2019/01/10 Python
Python telnet登陆功能实现代码
2020/04/16 Python
Python利用Xpath选择器爬取京东网商品信息
2020/06/01 Python
Keras框架中的epoch、bacth、batch size、iteration使用介绍
2020/06/10 Python
python3.7中安装paddleocr及paddlepaddle包的多种方法
2020/11/27 Python
html5版canvas自由拼图实例
2014/10/15 HTML / CSS
使用canvas生成含有微信头像的邀请海报没有微信头像问题
2019/10/29 HTML / CSS
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
外企办公室竞聘演讲稿
2013/12/29 职场文书
工作证明格式及范本
2014/09/12 职场文书
驳回起诉裁定书
2015/05/19 职场文书
公司职员入党自传书
2015/06/26 职场文书
2015年党风廉政建设个人总结
2015/08/18 职场文书
2016年母亲节广告语
2016/01/28 职场文书
学前班教学反思
2016/02/24 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
Pytest中skip skipif跳过用例详解
2021/06/30 Python