Nodejs(React)でアクセスしてきたユーザーの機種及びOSの判定する

はじめに

• SpeechRecognition を利用したいと思ったらChromeでしか動作しないため、ブラウザ判定したいとおもいpackageを探してみた。 developer.mozilla.org

• ua-parserというものがあり、こちらを利用すると機種判定およびブラウザ判定が容易にできそうなので、使ってみる www.npmjs.com

インストール

yarn add ua-parser-js

利用方法

• React内で利用する場合

var parser = require('ua-parser-js');

const DeviceJugement= () => {

  const ua = parser(navigator.userAgent.toLowerCase());
  console.log(ua.browser)
  console.log(ua.os)

  (省略)
}

結果