User-Agent Client Hints (UA-CH) のサンプル

概要

  • ユーザーエージェントの文字列は、近い将来固定化され、正常に情報を取得できなくなってしまう
  • 現在策定されている新しいユーザーエージェント仕様が「User-Agent Client Hints」(UA-CH)
  • User-Agent Client HintsはJavaScriptの navigator.userAgentDataオブジェクトでデータを参照できるようになります。
  • 未対応ブラウザでは、 navigator.userAgentDataundefined になる

userAgentDataをそのまま出力するDemo

JavaScript

console.log(navigator.userAgentData);

結果

高エントロピー値の返却

  • NavigatorUAData.getHighEntropyValues() メソッドを使用すると、多くのヒントをリクエスト可能
  • Promise で値が返ってくる

JavaScript

navigator.userAgentData
  .getHighEntropyValues([
    'platform',
    'platformVersion',
    'architecture',
    'model',
  ])
  .then((uaData) => {
    console.log(uaData);
  });

結果