js獲取瀏覽器相關資訊簡單介紹

admin發表於2017-04-12

在前端我們可以用javascript獲取當前瀏覽器的不少資訊,以便於我們根據不同的瀏覽器進行不同的操作。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<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>

相關文章