使用JavaScript獲取設備信息

一、獲取設備信息

JavaScript提供了一些用於獲取設備信息的API，包括Navigator對象和Screen對象。

Navigator對象提供了有關瀏覽器和操作系統的信息，如用戶代理字元串、瀏覽器名稱和版本號等。以下是一些示例代碼：

//獲取瀏覽器名稱
window.navigator.appName

//獲取瀏覽器版本號
window.navigator.appVersion

//獲取操作系統名稱
window.navigator.platform

Screen對象提供了有關屏幕的信息，如屏幕寬度、高度和顏色深度等。以下是一些示例代碼：

//獲取屏幕寬度和高度
window.screen.width
window.screen.height

//獲取屏幕顏色深度
window.screen.colorDepth

二、js獲取設備唯一標識

獲取設備的唯一標識是很有用的，例如用於用戶身份驗證和設備統計等。JavaScript提供了getCpu系列方法用於獲取設備唯一標識。以下是一些示例代碼：

//獲取CPU的信息
function getCpu() {
  return new Promise((resolve, reject) => {
    navigator.hardwareConcurrency ? resolve(navigator.hardwareConcurrency) : reject('不支持獲取CPU信息')
  })
}

//獲取設備標識
function getDeviceId() {
  let deviceId = localStorage.getItem('deviceId')

  if (!deviceId) {
    getCpu().then(cpu => {
      deviceId = md5(cpu)
      localStorage.setItem('deviceId', deviceId)
    })
  }

  return deviceId
}

三、獲取設備信息許可權

在獲取設備信息之前，需要先獲取用戶的授權。以下是一些示例代碼：

//請求獲取地理位置授權
navigator.geolocation.getCurrentPosition(success, error, options)

function success(position) {
  console.log(position.coords.latitude, position.coords.longitude)
}

function error(error) {
  console.log(error.code, error.message)
}

let options = {
  enableHighAccuracy: true,
  timeout: 5000,
  maximumAge: 0
}

四、js獲取用戶信息

JavaScript可以通過訪問客戶端的localStorage、sessionStorage、cookie等來獲取用戶信息。以下是一些示例代碼：

//獲取localStorage中的用戶信息
let user = JSON.parse(localStorage.getItem('user'))

//設置localStorage中的用戶信息
localStorage.setItem('user', JSON.stringify({ name: 'John', age: 25 }))

五、js獲取登錄用戶信息

獲取登錄用戶信息是指在需要用戶登錄的情況下獲取用戶的信息。可以通過發送POST請求到伺服器來獲取用戶的信息。以下是一些示例代碼：

//發送POST請求獲取登錄用戶信息
fetch('/user/info', {
  method: 'POST',
  credentials: 'include'
}).then(response => {
  console.log(response.json())
}).catch(error => {
  console.log(error)
})

六、js獲取電腦信息

JavaScript可以通過訪問客戶端的localStorage、sessionStorage、cookie等來獲取電腦信息。以下是一些示例代碼：

//獲取localStorage中的電腦信息
let computer = JSON.parse(localStorage.getItem('computer'))

//設置localStorage中的電腦信息
localStorage.setItem('computer', JSON.stringify({ brand: 'Dell', model: 'Laptop' }))

七、js獲取手機設備序列號

獲取手機設備序列號需要在使用WebView開發混合應用的情況下才有意義。可以通過Android和iOS提供的API來獲取。以下是一些示例代碼：

//獲取Android設備序列號
if (window.Android) {
  console.log(window.Android.getDeviceId())
}

//獲取iOS設備序列號
if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.getDeviceId) {
  window.webkit.messageHandlers.getDeviceId.postMessage(null)
}