如何在 Angular 项目中在手机、平板电脑或 PC 上获取 OS version/name

Question

我在我的项目中使用 Angular 9，我需要获取设备信息，例如 OS 名称和版本...等等

现在我正在使用 ngx-device-detector 但无法在 android 版本（如 8 及以下）或 10 和 ios 移动设备上工作以获取 os 版本

Answer 1

你可以在 Android、iOS 中完美地使用 angular-device-information 它对我的工作和 Windows

 console.log(deviceInformationService.isMobile());  // returns if the device is a mobile device (android / iPhone / windows-phone etc)
  console.log(deviceInformationService.isTablet());  // returns if the device is a tablet (tablet iPad etc)
  console.log(deviceInformationService.isDesktop()); // returns if the app is running on a Desktop browser.
  console.log(deviceInformationService.getDeviceType()); // returns if the app is running on a Desktop browser.
  console.log(deviceInformationService.getDeviceInfo().os);  // returns os name like Windows/Andtoid/iOS/Linux/Mac OS X etc
  console.log(deviceInformationService.getDeviceInfo().osVersion);  // returns os version like 10/8.1/7 ...etc
  console.log(deviceInformationService.getDeviceInfo().browser);  // returns browser name like chrome/firefox ...etc
  console.log(deviceInformationService.getDeviceInfo().browserVersion);  // returns browser version as number
  console.log(deviceInformationService.getDeviceInfo().browserMajorVersion);  // returns full browser version as number
  console.log(deviceInformationService.getDeviceInfo().screen_resolution);  // returns screnn size like 1390x860/640x800 ...etc
  console.log(deviceInformationService.getDeviceInfo().cookies);  // returns cookies enabled or no 
  console.log(deviceInformationService.getDeviceInfo().userAgent);  // returns userAgent