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 相关文章推荐
extjs fckeditor集成代码
May 10 Javascript
jquery实现每个数字上都带进度条的幻灯片
Feb 20 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
css如何让浮动元素水平居中
Aug 07 Javascript
JSONP和批量操作功能的实现方法
Aug 21 Javascript
input file上传 图片预览功能实例代码
Oct 25 Javascript
javascript动画之磁性吸附效果篇
Dec 09 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
Jun 09 Javascript
不到200行 JavaScript 代码实现富文本编辑器的方法
Jan 03 Javascript
解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题
Jul 27 Javascript
vue如何使用rem适配
Feb 06 Vue.js
原生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 文章中的远程图片采集到本地的代码
2009/07/30 PHP
php中is_null,empty,isset,unset 的区别详细介绍
2013/04/28 PHP
PHP魔术方法使用方法汇总
2016/02/14 PHP
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
laravel-admin 实现在指定的相册下添加照片
2019/10/21 PHP
IE8下关于querySelectorAll()的问题
2010/05/13 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
js 调用百度地图api并在地图上进行打点添加标注
2014/05/13 Javascript
jQuery实现table隔行换色和鼠标经过变色的两种方法
2014/06/15 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
如何使用AngularJs打造权限管理系统【简易型】
2016/05/09 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
JS中关于正则的巧妙操作
2017/08/31 Javascript
js正则相关知识点专题
2018/05/10 Javascript
vue+axios新手实践实现登陆的示例代码
2018/06/06 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
BootStrap中的模态框(modal,弹出层)功能示例代码
2018/11/02 Javascript
微信小程序wx.request的简单封装
2019/11/13 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
[01:47]2018年度DOTA2最具人气解说-完美盛典
2018/12/16 DOTA
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
tensorflow训练中出现nan问题的解决
2018/02/10 Python
解决python大批量读写.doc文件的问题
2018/05/08 Python
Python数据预处理之数据规范化(归一化)示例
2019/01/08 Python
详解用python写一个抽奖程序
2019/05/10 Python
python 梯度法求解函数极值的实例
2019/07/10 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python连接打印机实现打印文档、图片、pdf文件等功能
2020/02/07 Python
用python实现一个简单计算器(完整DEMO)
2020/10/14 Python
纯css3实现鼠标经过图片显示描述的动画效果
2014/09/01 HTML / CSS
公司法人授权委托书范本
2014/09/12 职场文书
优质护理服务心得体会
2016/01/22 职场文书
nginx常用命令放入shell脚本详解
2021/03/31 Servers
Oracle删除归档日志及添加定时任务
2022/06/28 Oracle