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打印gridview实现原理及代码
Feb 05 Javascript
jQuery中replaceAll()方法用法实例
Jan 16 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
AngularJS延迟加载html template
Jul 27 Javascript
JS实现简单的tab切换选项卡效果
Sep 21 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
webpack多页面开发实践
Dec 18 Javascript
jQuery实现列表的增加和删除功能
Jun 14 jQuery
vue项目前端错误收集之sentry教程详解
May 27 Javascript
微信小程序实现手势滑动效果
Aug 26 Javascript
详解阿里Node.js技术文档之process模块学习指南
Jan 04 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中++i 与 i++ 的区别
2012/08/08 PHP
PHP实现的观察者模式实例
2017/06/21 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
php如何获取Http请求
2020/04/30 PHP
jQuery中读取json文件示例代码
2013/05/10 Javascript
js 表单提交后按钮变灰的实例代码
2013/08/16 Javascript
什么是JavaScript中的结果值?
2016/10/08 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
如何在Vue.js中实现标签页组件详解
2019/01/02 Javascript
浅谈webpack和webpack-cli模块源码分析
2020/01/19 Javascript
vue中实现回车键登录功能
2020/02/19 Javascript
js实现文章目录索引导航(table of content)
2020/05/10 Javascript
easyUI 实现的后台分页与前台显示功能示例
2020/06/01 Javascript
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
浅谈Python的文件类型
2016/05/30 Python
Python 读取某个目录下所有的文件实例
2018/06/23 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
将pandas.dataframe的数据写入到文件中的方法
2018/12/07 Python
Python安装与卸载流程详细步骤(图解)
2020/02/20 Python
Django --Xadmin 判断登录者身份实例
2020/07/03 Python
如何将json数据转换为python数据
2020/09/04 Python
python3 os进行嵌套操作的实例讲解
2020/11/19 Python
定义css设备类型-Media Queries图表简介及使用方法
2013/01/21 HTML / CSS
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
html5 application cache遇到的严重问题
2012/12/26 HTML / CSS
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
LG西班牙网上商店:Tienda LG Online Es
2019/07/30 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
欧洲著名的二手奢侈品网站:Vestiaire Collective
2020/03/07 全球购物
幼儿园见习报告
2014/10/30 职场文书
python缺失值的解决方法总结
2021/06/09 Python
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑
2021/12/06 MySQL
不想升级Win11?教你彻底锁定老版Windows系统的方法(附下载地址)
2022/09/23 数码科技