JavaScript判断浏览器和hack滚动条的写法

发布时间 - 2026-01-11 02:28:18    点击率:

判断各大浏览器内核:

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  # 滚动条  # js浏览器滚动条卷去的高度scrolltop(实例讲解)  # 原生js仿浏览器滚动条效果  # JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome  # 基于javascript实现浏览器滚动条快到底部时自动加载数据  # js+css 实现遮罩居中弹出层(随浏览器窗口滚动条滚动)  # js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码  # 判断是否  # 小编  # 各大  # 给大家  # 火狐  # 所述  # 给我留言  # 仅供参考  # 有任何  # Opera  # isIE  # gt  # compatible  # Edge  # isEdge  # amp  # MSIE  # class  # brush 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 三星网站视频制作教程下载,三星w23网页如何全屏?  WordPress 子目录安装中正确处理脚本路径的完整指南  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程?  如何挑选最适合建站的高性能VPS主机?  Android自定义控件实现温度旋转按钮效果  Laravel中Service Container是做什么的_Laravel服务容器与依赖注入核心概念解析  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  Laravel如何实现API版本控制_Laravel版本化API设计方案  Edge浏览器如何截图和滚动截图_微软Edge网页捕获功能使用教程【技巧】  如何用腾讯建站主机快速创建免费网站?  Swift中循环语句中的转移语句 break 和 continue  详解Oracle修改字段类型方法总结  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做?  如何使用 Go 正则表达式精准提取括号内首个纯字母标识符(忽略数字与嵌套)  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况?  LinuxCD持续部署教程_自动发布与回滚机制  Laravel怎么导出Excel文件_Laravel Excel插件使用教程  小视频制作网站有哪些,有什么看国内小视频的网站,求推荐?  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  php做exe能调用系统命令吗_执行cmd指令实现方式【详解】  湖南网站制作公司,湖南上善若水科技有限公司做什么的?  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  新三国志曹操传主线渭水交兵攻略  瓜子二手车官方网站在线入口 瓜子二手车网页版官网通道入口  个人摄影网站制作流程,摄影爱好者都去什么网站?  网站制作价目表怎么做,珍爱网婚介费用多少?  python中快速进行多个字符替换的方法小结  如何在阿里云服务器自主搭建网站?  详解免费开源的.NET多类型文件解压缩组件SharpZipLib(.NET组件介绍之七)  Laravel怎么使用Blade模板引擎_Laravel模板继承与Component组件复用【手册】  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  ChatGPT回答中断怎么办 引导AI继续输出完整内容的方法  Laravel如何清理系统缓存命令_Laravel清除路由配置及视图缓存的方法【总结】  香港服务器网站卡顿?如何解决网络延迟与负载问题?  Laravel用户认证怎么做_Laravel Breeze脚手架快速实现登录注册功能  详解vue.js组件化开发实践  Chrome浏览器标签页分组怎么用_谷歌浏览器整理标签页技巧【效率】  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  网站制作软件有哪些,制图软件有哪些?  如何在自有机房高效搭建专业网站?  JavaScript如何实现路由_前端路由原理是什么  微信小程序 五星评分(包括半颗星评分)实例代码  Android 常见的图片加载框架详细介绍  头像制作网站在线观看,除了站酷,还有哪些比较好的设计网站?  如何在七牛云存储上搭建网站并设置自定义域名?  非常酷的网站设计制作软件,酷培ai教育官方网站?  C++时间戳转换成日期时间的步骤和示例代码  浅谈javascript alert和confirm的美化  详解Android中Activity的四大启动模式实验简述