js獲取瀏覽器版本作業系統等資訊程式碼例項

admin發表於2017-03-24
JS瀏覽器作業系統

當用瀏覽器開啟一個頁面的時候，其實這個瀏覽器中獲取很多瀏覽器本身或者當前電腦的一些相關資訊，下面是一段程式碼，能夠獲取相關的一些資訊，程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
.table{
  width:300px;
  height:100px;
  border:1px solid #ccc;
  border-collapse:collapse;
}
.table td{
  border:1px solid #ccc;
  padding:5px;
}
</style>
</head>
<body>
<table class="table">
  <tr>
    <td>瀏覽器型別</td>
    <td><script>document.write(navigator.appName)</script></td>
  </tr>
  <tr>
    <td >瀏覽器版本</td>
    <td ><script>document.write(navigator.appVersion)</script></td>
  </tr>
  <tr>
    <td>瀏覽器語言</td>
    <td><script>document.write(navigator.browserLanguage)</script></td>
  </tr>
  <tr>
    <td >CPU型別</td>
    <td ><script>document.write(navigator.cpuClass)</script></td>
  </tr>
  <tr>
    <td>作業系統</td>
    <td><script>document.write(navigator.platform)</script></td>
  </tr>
  <tr>
    <td >系統語言</td>
    <td ><script>document.write(navigator.systemLanguage)</script></td>
  </tr>
  <tr>
    <td>使用者語言;</td>
    <td><script>document.write(navigator.userLanguage)</script></td>
  </tr>
  <tr>
    <td >線上情況</td>
    <td ><script>document.write(navigator.onLine)</script></td>
  </tr>
  <tr>
    <td>螢幕解析度</td>
    <td><script>document.write(window.screen.width+"x"+window.screen.height)</script></td>
  </tr>
  <tr>
    <td>顏色</td>
    <td><script>document.write(window.screen.colorDepth+"位")</script></td>
  </tr>
  <tr>
    <td>字型平滑</td>
    <td><script>document.write(window.screen.fontSmoothingEnabled)</script></td>
  </tr>
  <tr>
    <td>appMinorVersion</td>
    <td><script>document.write(navigator.appMinorVersion)</script></td>
  </tr>
  <tr>
    <td >appCodeName</td>
    <td ><script>document.write(navigator.appCodeName)</script></td>
  </tr>
  <tr>
    <td>cookieEnabled</td>
    <td><script>document.write(navigator.cookieEnabled)</script></td>
  </tr>
  <tr>
    <td >userAgent</td>
    <td ><script>document.write(navigator.userAgent)</script></td>
  </tr>
  <tr>
    <td>javaEnabled</td>
    <td><script>document.write(navigator.javaEnabled())</script></td>
  </tr>
  <tr>
    <td >taintEnabled</td>
    <td ><script>document.write(navigator.taintEnabled())</script></td>
  </tr>
</table>
</body>
</html>

上面程式碼中的一些資訊具有一定的瀏覽器相容性問題，使用的時候最好在各個瀏覽器中做一下測試，以免出現相容性方面的問題，這裡就不多介紹了，只要漢子道就好。

相關文章