js获取浏览器相关信息简单介绍

快乐打工仔 分类:实例代码

在前端我们可以用javascript获取当前浏览器的不少信息,以便于我们根据不同的浏览器进行不同的操作。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script>
function message() {
  txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>";
  txt += "<p>浏览器名称: " + navigator.appName + "</p>";
  txt += "<p>浏览器平台和版本: " + navigator.appVersion + "</p>";
  txt += "<p>是否开启cookie: " + navigator.cookieEnabled + "</p>";
  txt += "<p>操作系统平台: " + navigator.platform + "</p>"; txt
      += "<p>User-agent头部值: " + navigator.userAgent + "</p>";
  document.getElementById("antzone").innerHTML = txt;
}
window.onload = function () {
  var odiv = document.getElementById("antzone");
  var obt = document.getElementById("bt");
  obt.onclick = function () {
    message();
  }
}
</script>
</head>
<body>
<div id="antzone"></div>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>

回复

我来回复
  • 暂无回复内容