您的位置：首页 > Web前端 > JavaScript

用户登录时检测ie版本,过低则跳转提示页引导下载.

2017-09-29 15:20 351 查看
对此博文进行描述,如果符合你的需求请点赞取用.

需求:当用户登录时检测浏览器版本,如果过低,则跳转到提示页面引导用户下载.

图片效果如下



在登陆界面添加如下代码

<script type="text/javascript">
//这个script标签中的方法为检测用户浏览器版本的,其他方法请勿写在此标签中
function myBrowser(){
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 isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
var isSafari = userAgent.indexOf("Safari") > -1; //判断是否Safari浏览器
if (isIE) {
var IE5 = IE55 = IE6 = IE7 = IE8 = false;
var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
reIE.test(userAgent);
var fIEVersion = parseFloat(RegExp["$1"]);
IE55 = fIEVersion == 5.5;
IE6 = fIEVersion == 6.0;
IE7 = fIEVersion == 7.0;
IE8 = fIEVersion == 8.0;
if (IE55) {
return "IE55";
}
if (IE6) {
return "IE6";
}
if (IE7) {
return "IE7";
}
if (IE8) {
return "IE8";
}
}//isIE end
if (isFF) {
return "FF";
}
if (isOpera) {
return "Opera";
}
}//myBrowser() end
//以下是调用上面的函数
if (myBrowser() == "FF") {
alert("您当前使用Firefox浏览器,如有问题,请更换ie11或Chrome浏览器");
}
if (myBrowser() == "Opera") {
alert("您当前使用Opera浏览器,如有问题,请更换ie11或Chrome浏览器");
}
if (myBrowser() == "Safari") {
alert("您当前使用Safari浏览器,如有问题,请更换ie11或Chrome浏览器");
}
if (myBrowser() == "IE55") {
location.href="updateBrowser.htm";
}
if (myBrowser() == "IE6") {
location.href="updateBrowser.htm";
}
if (myBrowser() == "IE7") {
location.href="updateBrowser.htm";
}
if (myBrowser() == "IE8") {
location.href="updateBrowser.htm";
}
</script>


跳转后的页面附在下边,如有需要可取用并进行更改.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title></title>
<style type="text/css">
body{
background-image: url("images/background_normal.png");
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td>
<h3>请升级您的浏览器</h3>
</td>
</tr>
<tr>
<td>
<p>尊敬的用户，您现在使用的 Internet Explore浏览器版本过低，建议您升级至 Internet Explorer 11 版本或使用其他浏览器（ 如：Chrome 或 ie ），以便您能继续访问.<br>
如下为您提供了下载地址,点击前往浏览器官网下载,或您自行选择下载.
</p>
</td>
</tr>
<tr>
<td>
<a href="http://www.google.cn/intl/zh-CN/chrome/browser/" target="_blank"><img style="height:60px;" src="images/chromeLogo.png" alt="">Chrome浏览器</a>
</td>
</tr>
<tr>
<td>
<a href="http://support.microsoft.com/zh-cn/help/17621/internet-explorer-downloads" target="_blank"><img style="height:60px;" src=images/ieLogo.png alt="">ie浏览器</a>
</td>
</tr>
<tr>
<td>
<a href="http://se.360.cn/" target="_blank"><img style="height:60px;" src="images/360Logo.png" alt="">360浏览器</a>
</td>
</tr>
</table>
</div>
</body>
</html>


三种浏览器图标赠送,我也找了好半天的





内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  浏览器 ie 浏览器兼容 js代码 浏览器-下载-自己用
相关文章推荐
新的分享
章节导航