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 相关文章推荐
prototype1.4中文手册
Sep 22 Javascript
jquery.validate使用攻略 第三部
Jul 01 Javascript
用方法封装javascript的new操作符(一)
Dec 25 Javascript
jquery打开直接跳到网页最下面、最低端实现代码
Apr 22 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
bootstrap 表单验证使用方法
Jan 11 Javascript
JavaScript实现三级联动菜单实例代码
Jun 26 Javascript
基于zepto.js实现手机相册功能
Jul 11 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
Node.js + express实现上传大文件的方法分析【图片、文本文件】
Mar 14 Javascript
手把手教你实现 Promise的使用方法
Sep 02 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
神族 PROTOSS 概述
2020/03/14 星际争霸
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
JS中类或对象的定义说明
2014/03/10 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
Javascript技术难点之apply,call与this之间的衔接
2015/12/04 Javascript
禁用backspace网页回退功能的实现代码
2016/11/15 Javascript
使用原生的javascript来实现轮播图
2017/02/24 Javascript
JS实现浏览器打印、打印预览示例
2017/02/28 Javascript
vue实现百度搜索下拉提示功能实例
2017/06/14 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
vue 在单页面应用里使用二级套嵌路由
2020/12/19 Vue.js
[48:32]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 LGD vs VG
2018/04/01 DOTA
Python中实现从目录中过滤出指定文件类型的文件
2015/02/02 Python
Python函数返回值实例分析
2015/06/08 Python
Python文件夹与文件的相关操作(推荐)
2016/07/25 Python
Pycharm学习教程(7)虚拟机VM的配置教程
2017/05/04 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
MxNet预训练模型到Pytorch模型的转换方式
2020/05/25 Python
Python正则表达式如何匹配中文
2020/05/27 Python
python能否java成为主流语言吗
2020/06/22 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
CSS3简单实现照片墙
2014/12/12 HTML / CSS
德国原装品牌香水、化妆品和手表网站:BRASTY.DE
2016/10/16 全球购物
DOM和JQuery对象有什么区别
2016/11/11 面试题
剪枝的学问教学反思
2014/02/07 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
土地转让协议书范本
2014/04/15 职场文书
敬老院标语
2014/06/27 职场文书
开业庆典嘉宾致辞
2015/08/01 职场文书
数学备课组工作总结
2015/08/12 职场文书
初中英语教学随笔
2015/08/15 职场文书
关于antd tree 和父子组件之间的传值问题(react 总结)
2021/06/02 Javascript