利用js检测浏览器类型及版本信息-JS特效-爱易网页

利用js检测浏览器类型及版本信息

日期：2014-05-18　浏览次数：20171 次

以下是程序代码

<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>detect browser</title>
<script type="text/javascript">
 function check(reg) {
  var ug = navigator.userAgent.toLowerCase();
  return reg.test(ug);
 }
 function checkBrowser() {
  var ug = navigator.userAgent.toLowerCase();
  var userAgent = document.getElementById("userAgent");
  userAgent.innerHTML = "浏览器的用户代理报头：" + ug;
  var browserType = "";
  var ver = "";
  
  //检测IE及版本
  var IE = ug.match(/msie\s*\d\.\d/); //提取浏览器类型及版本信息，注match()方法返回的是数组而不是字符串
  var isIE = check(/msie/);
  if(isIE) {
   browserType = "Internet Explorer";
   ver = IE.join(" ").match(/[0-9]/g).join("."); //先用join()方法转化为字符串，然后用match()方法匹配到版本信息，再用join()方法转化为字符串
  }
  
  //检测chrome及版本
  var chrome = ug.match(/chrome\/\d\.\d/gi);
  var isChrome = check(/chrome/);
  if(isChrome) {
   browserType = "Chrome";
   ver = chrome.join(" ").match(/[0-9]/g).join(".");
  }
  
  //检测firefox及版本
  var firefox = ug.match(/firefox\/\d\.\d/gi);
  var isFirefox = check(/firefox/);
  if(isFirefox) {
   browserType = "Firefox";
   ver = firefox.join(" ").match(/[0-9]/g).join(".");
  }
  var browser = document.getElementById("browser");
  browser.innerHTML = "您正在使用的浏览器为：" + browserType + "<span style='padding-left:15px;'>版本为：</span>" + ver;
 }
</script>
</head>
<body onload="checkBrowser()">
 <p id="userAgent"></p>
 <p id="browser"></p>
</body>
</html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

利用js检测浏览器类型及版本信息

相关资料更多>

推荐阅读更多>