网站地图    收藏   

主页 > 前端 > javascript >

js查看当前浏览器的版本信息代码

来源:自学PHP网    时间:2014-09-19 14:47 作者: 阅读:

[导读] 要获取浏览器版本我们不但可以使用服务器脚本来判断同样我还也可以使用js来获取浏览器版本信息,在js中获取浏览器版本只要使用navigator就可以了,下面我来来看实例。...


核心代码

 代码如下 复制代码

var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
var scan;
(s = ua.match(/msie ([d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox/([d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome/([d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version/([d.]+).*safari/)) ? Sys.safari = s[1] : 0;

//以下进行测试

if(Sys.ie)
{
    scan="您使用的ie内核"+Sys.ie+"浏览器";
}
if(Sys.firefox)
{   
    scan="您使用的是firefox内核"+Sys.firefox+"浏览器,如果有问题,建议您使用ie浏览器";
}
if(Sys.chrome)
{
    scan="您使用的是chrome内核"+Sys.chrome+" www.111cn.net浏览器,如果有问题,建议您使用ie浏览器";
}
if(Sys.opera)
{
    scan="您使用的是opera内核"+Sys.opera+"浏览器,如果有问题,建议您使用ie浏览器";
}
if(Sys.safari)
{
    scan="您使用的是safari内核"+Sys.safari+" 111cn.net 浏览器,如果有问题,建议您使用ie浏览器";
}
alert(scan)

下面我们就来看一些选择出的实例

应用实例

 代码如下 复制代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>js测试</title>
<script type=”text/javascript”>

function PrintVersion(){
var msg=”";
msg+=”浏览器名称:” + navigator.appName+”n”;
msg+=”浏览器版本:” + navigator.appVersion+”n”;
msg+=”浏览器代码:” + navigator.appCodeName+”n”;
alert(msg);
}

</script>
</head>

<body>

<form name=”MyForm”>
<input type=”submit” name=”Submit” value=”鼠标单击” onclick=”PrintVersion()” />
</form>

</body>
</html>

例2

这个实例更全面一些

 代码如下 复制代码

<title>JS显示当前浏览器详细信息</title>
<SCRIPT>
<!-- Begin
function whatBrowser() {
document.Browser.Name.value=navigator.appName;
document.Browser.Version.value=navigator.appVersion;
document.Browser.Code.value=navigator.appCodeName;
document.Browser.Agent.value=navigator.userAgent;
}
// End -->
</SCRIPT>
<TABLE BORDER>
<FORM NAME="Browser">
<TR>
<TD> 名称: </TD>
<TD> <INPUT TYPE="txt" NAME="Name" Size="45"></TD>
</TR>
<TR>
<TD> 版本: </TD>
<TD> <INPUT TYPE="txt" NAME="Version" Size="45"></TD>
</TR>
<TR>
<TD> 内核: </TD>
<TD> <INPUT TYPE="txt" NAME="Code" Size="45"></TD>
</TR>
<TR>
<TD> User-Agent: </TD>
<TD> <INPUT TYPE="txt" NAME="Agent" Size="45"></TD>
</TR>
</FORM>
</TABLE>
<body bgcolor="#fef4d9" onLoad="whatBrowser()"></body>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论