JS 获取当前浏览器版本,验证浏览器版本是否高于谷歌80

2024-02-11 09:08

本文主要是介绍JS 获取当前浏览器版本,验证浏览器版本是否高于谷歌80,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

原来的在用的方法是直接截取谷歌浏览器版本的前两位版本号,今天突然有用户反馈说报浏览器版本过低,一看发现谷歌浏览器已经发布了100+版本,更换取版本号的逻辑在此记录。

获取浏览器版本信息

const appVersion = navigator.appVersion //获取浏览器版本信息

 

获取以谷歌浏览器信息开始的字符串

const index = appVersion.indexOf('Chrome/') //谷歌浏览器的版本信息位置
const ChromeStr = appVersion.substring(index + 7, appVersion.length) //以谷歌浏览器信息开始的字符串('Chrome/'占7个字符)

 

 获取谷歌浏览器大版本号

const index_point = ChromeStr.indexOf('.') //第一个.的位置
const ChromeVersions = ChromeStr.substring(0, index_point) //谷歌浏览器大版本号

 

 完整代码

/*** @description: 验证浏览器版本是否高于谷歌80* @return {Boolean}*/
getBrowserVersion() {const appVersion = navigator.appVersion //获取浏览器版本信息const index = appVersion.indexOf('Chrome/') //谷歌浏览器的版本信息位置const ChromeStr = appVersion.substring(index + 7, appVersion.length) //以谷歌浏览器信息开始的字符串('Chrome/'占7个字符)const index_point = ChromeStr.indexOf('.') //第一个.的位置const ChromeVersions = ChromeStr.substring(0, index_point) //谷歌浏览器大版本号if (appVersion.includes('Chrome')) {//包含Chrome字样则判断版本if (ChromeVersions >= 80) {return true} else {return false}} else {//不包含Chrome字样直接返回falsereturn false}
},

这篇关于JS 获取当前浏览器版本,验证浏览器版本是否高于谷歌80的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/699404

相关文章

Python版本信息获取方法详解与实战

《Python版本信息获取方法详解与实战》在Python开发中,获取Python版本号是调试、兼容性检查和版本控制的重要基础操作,本文详细介绍了如何使用sys和platform模块获取Python的主... 目录1. python版本号获取基础2. 使用sys模块获取版本信息2.1 sys模块概述2.1.1

Python版本与package版本兼容性检查方法总结

《Python版本与package版本兼容性检查方法总结》:本文主要介绍Python版本与package版本兼容性检查方法的相关资料,文中提供四种检查方法,分别是pip查询、conda管理、PyP... 目录引言为什么会出现兼容性问题方法一:用 pip 官方命令查询可用版本方法二:conda 管理包环境方法

java中判断json key是否存在的几种方法

《java中判断jsonkey是否存在的几种方法》在使用Java处理JSON数据时,如何判断某一个key是否存在?本文就来介绍三种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的... 目http://www.chinasem.cn录第一种方法是使用 jsONObject 的 has 方法

Java发送SNMP至交换机获取交换机状态实现方式

《Java发送SNMP至交换机获取交换机状态实现方式》文章介绍使用SNMP4J库(2.7.0)通过RCF1213-MIB协议获取交换机单/多路状态,需开启SNMP支持,重点对比SNMPv1、v2c、v... 目录交换机协议SNMP库获取交换机单路状态获取交换机多路状态总结交换机协议这里使用的交换机协议为常

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

Java JDK Validation 注解解析与使用方法验证

《JavaJDKValidation注解解析与使用方法验证》JakartaValidation提供了一种声明式、标准化的方式来验证Java对象,与框架无关,可以方便地集成到各种Java应用中,... 目录核心概念1. 主要注解基本约束注解其他常用注解2. 核心接口使用方法1. 基本使用添加依赖 (Maven

MyBatis/MyBatis-Plus同事务循环调用存储过程获取主键重复问题分析及解决

《MyBatis/MyBatis-Plus同事务循环调用存储过程获取主键重复问题分析及解决》MyBatis默认开启一级缓存,同一事务中循环调用查询方法时会重复使用缓存数据,导致获取的序列主键值均为1,... 目录问题原因解决办法如果是存储过程总结问题myBATis有如下代码获取序列作为主键IdMappe

C#使用iText获取PDF的trailer数据的代码示例

《C#使用iText获取PDF的trailer数据的代码示例》开发程序debug的时候,看到了PDF有个trailer数据,挺有意思,于是考虑用代码把它读出来,那么就用到我们常用的iText框架了,所... 目录引言iText 核心概念C# 代码示例步骤 1: 确保已安装 iText步骤 2: C# 代码程

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳