浏览器版过低提示php,浏览器版本过低提示升级
1、项目需要做浏览器兼容的问题要处理,所以做个笔记。
因为开发的都是用谷歌的多,IE浏览器基本弃用了。但是有些项目使用者用的是IE的,以前没有关注这个问题,现在要做这个的处理。IE10以及IE10一下的不兼容es6,这个是比较麻烦的。其他的还好处理一点。
1、首先是判断浏览器的版本
代码如下:
function getBroswerAndVersion() {
var os = navigator.platform;
var userAgent = navigator.userAgent;
var info = "";
var tempArray = "";
//判断浏览器版本
var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
var isEdge = userAgent.toLowerCase().indexOf("edge") > -1 && !isIE; //判断是否IE的Edge浏览器
var isIE11 = (userAgent.toLowerCase().indexOf("trident") > -1 && userAgent.indexOf("rv") > -1);
if (/[Ff]irefox(\/\d+\.\d+)/.test(userAgent)) {
tempArray = /([Ff]irefox)\/(\d+\.\d+)/.exec(userAgent);
info += tempArray[1] + tempArray[2];
} else if (isIE) {
var version = "";
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
if (fIEVersion == 7) {
version = "IE7";
} else if (fIEVersion == 8) {
version = "IE8";
} else if (fIEVersion == 9) {
version = "IE9";
} else if (fIEVersion == 10) {
version = "IE10";
} else {
version = "0"
}
info += version;
} else if (isEdge) {
info += "Edge";
} else if (isIE11) {
info += "IE11";
} else if (/[Cc]hrome\/\d+/.test(userAgent)) {
tempArray = /([Cc]hrome)\/(\d+)/.exec(userAgent);
if (tempArray[2] < 57) {
alert('您使用的谷歌浏览器版本过低,为了更好地体验请将浏览器升级到最新版本!');
}
info += tempArray[1] + tempArray[2];
} else if (/[Vv]ersion\/\d+\.\d+\.\d+(\.\d)* *[Ss]afari/.test(userAgent)) {
tempArray = /[Vv]ersion\/(\d+\.\d+\.\d+)(\.\d)* *([Ss]afari)/.exec(userAgent);
info += tempArray[3] + tempArray[1];
} else if (/[Oo]pera.+[Vv]ersion\/\d+\.\d+/.test(userAgent)) {
tempArray = /([Oo]pera).+[Vv]ersion\/(\d+)\.\d+/.exec(userAgent);
info += tempArray[1] + tempArray[2];
} else {
info += "unknown";
}
return info;
}
var ven = getBroswerAndVersion();
if (ven === 'IE7' || ven === 'IE8' || ven === 'IE9' || ven === 'IE10') {
confirm('检测到您使用的是' + ven + '浏览器,为安全性考虑,请使用最新版谷歌、欧朋、火狐浏览器打开', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
}
复制代码
另外补充一下,关于es6兼容的处理(我懒直接复制别人的代码过来)
一、使浏览器兼容ES6基本语法
1、在引入其他脚本前先引入browser.min.js。(官网有下载的),要么就是直接在界面上引用
复制代码
2、script标签的type的值设为text/babel。
var html =`
- 1
- 2
- 3
`
console.log('解决IE不兼容es6');
console.log(document.getElementById('bigBox'));
document.getElementById('bigBox').innerHTML = html
new Promise(function(resolve,reject) {
var flag = 1;
if(flag){
resolve(flag);
}
}).then(function (data) {
console.log(data);
})
复制代码
————————————————
IE浏览器对于ES6的使用一定要放在 script标签的type的值设为text/babel 里面,不然不识别,老是报错。
注:因为使用的es6的语法比较散,就像箭头函数、let、Promise等。所以感觉还是简单粗暴的提示用户升级浏览器好了(因为我接手的这个项目已经开发的差不多了,只是后期的维护和优化,界面很多,代码也有点乱)。
vue的就百度吧!很多答案的
浏览器版过低提示php,浏览器版本过低提示升级相关推荐
- 计算机显卡驱动不起游戏,怎么看显卡驱动版本 解决玩游戏提示显卡驱动版本过低问题...
不知道大家有没有遇到过这样的情况,在玩某款游戏的时候,进入游戏会提示显卡驱动版本过低的提示,导致无法正常玩游戏,另外还有一些朋友显卡驱动版本过低也会导致画质体验不佳.最近笔者身边朋友家中一台较老的电脑 ...
- 连接oracle时,提示oracle客户端版本太低
最近重装电脑系统了,Oracle精简客户端重新安装,启动原来的程序后提示打不开数据库,检查配置连接字符串也没有问题,再次跟踪异常后,发现提示的是Oracel Client 版本过低问题导致.但是,程序 ...
- 计算机显卡驱动不起游戏,想要玩游戏电脑却提示显卡驱动版本过低怎么办 - 驱动管家...
最近小编用电脑玩游戏的时候,刚进入游戏电脑就提示我的电脑显卡驱动版本过低.无法正常玩游戏.这种情况相信你们有时候也会遇到,特别是要玩一些比较大型的游戏的时候,显卡驱动版本过低是最常遇到的问题.遇到显卡 ...
- 云服务器安装安卓模拟器显示版本过低,安卓模拟器提示系统opengl版本过低无法安装解决办法...
上图说明你的显卡暂不支持模拟器,遇到这个问题,主要是3种原因: 1.你的电脑没有显卡 解决方案:这个问题若不换电脑硬件是暂时无解的,只能等待我们模拟器支持集成显卡了 2.你的电脑显卡确实不支持Open ...
- oracle指定导出低版本号,oracle 高版本导出低版本数据库并且导入到低版本数据的方法...
第一步:sqlplus system/egis@orcl as sysdba; 进入sqlplus (输入管理员用户名/密码@数据库密码) 第二步: create directory dumpdir ...
- 非华为电脑安装电脑管家进行多屏协同提示驱动版本过低的解决方法
遇到问题 参照大佬的博客,我们在一台非华为电脑上成功装上了华为电脑管家,这样就可以多屏协同了. 非华为电脑安装电脑管家最新版11多屏协同 配合淘宝买的NFC贴纸连接电脑就方便了很多.但是想连接平板作为 ...
- ubuntu使用deepin-wine安装微信出现版本过低问题的解决
本人使用的ubuntu版本是20.04 在ubuntu上面安装Tim.微信使用的是deepin-wine,但是根据之前别人博客下载的微信的deb安装包安装成功之后,发现登陆时提示微信的版本过低,所以只 ...
- 计算机卡驱动版本过低,显卡驱动版本过低怎么办?
腾讯视频/爱奇艺/优酷/外卖 充值4折起 不知道大家有没有遇到过这样的情况,在玩某款游戏的时候,进入游戏会提示显卡驱动版本过低的提示,导致无法正常玩游戏,另外还有一些朋友显卡驱动版本过低也会导致画质体 ...
- 天猫提示您使用的浏览器版本过低的完美解决办法
有的朋友在使用电脑访问淘宝天猫时会看到提示说"您使用的浏览器版本过低",那么,这是什么意思呢?当我们看到这个提示时应该怎么办呢? 有的朋友看到的提示是这样的: 有的朋友看到的提示是 ...
最新文章
- ‘str‘ object has no attribute ‘get‘ 错误解决方案
- 基于前后端分离实现阿里云对象存储小案例
- 文献记录(part16)--Learning Bayesian Network Classifiers: Searching in a Space of Partially ...
- 转:智能音箱市场深度报告:怎么大家都在抢这个两亿小蛋糕?
- python julian date_Python 的内嵌time模板翻译及说明
- 【华为云技术分享】看得见的安心,一手掌握华为云DRS迁移进度
- eclipse 创建springboot 提示socket time超时问题
- 专业的在线考试系统-快考题,支持自制题库/在线试卷答题
- 利用科来网络分析进行三次握手协议分析
- 数字逻辑练习题(四)用卡诺图化简下面的函数为最简“与-或”式
- Captain Flint and a Long Voyage
- jul177链接_「jul177小早川中文」无删减版高清天天影音第89集
- ASP.NET 班级网站-程序+配置文档
- Gentoo Linux安装教程20220218(长期更新维护)
- 超级电容模组电压不均衡特性分析
- 天猫精灵 python 控制_树莓派4B小爱同学、天猫精灵、智能音箱、百度语音极速版、百度语音标准版、语音识别、语音合成终极方案...
- M24C08-RMN6TP
- np.random.rand()函数
- 原子物理与原子核物理知识结构(含链接)
- 方波信号傅里叶级数展开