バグ報告用にユーザーエージェントとブラウザ情報を確認する

やりたいこと

バグ報告を出す、レスポンシブレイアウトをデバッグする、端末が想定どおりの値を報告しているか確認する、という場面です。ユーザーエージェントは1行の暗号のような文字列なので、ラベル付きで分解して見せます。

表示するもの

ユーザーエージェント、UI言語、タイムゾーン、ビューポートと画面サイズ（リアルタイム）、デバイスピクセル比、色深度、プラットフォーム、Cookie/オンライン状態、CPUスレッド数、ブラウザが報告する場合のデバイスメモリです。

• ビューポートの値はウィンドウをリサイズすると追従します。ブレークポイントの確認に使えます。
• コピーボタンでユーザーエージェント全文をクリップボードに入れ、報告にそのまま貼れます。

値の正直な読み方

表示するのはブラウザが標準APIで公開する値だけです。プライバシーモードやブラウザによっては値を隠したり省略したりします。deviceMemoryやhardwareConcurrencyは未報告と出ることがあります。ユーザーエージェントは偽装できるため、実際のブラウザの証明ではなく手がかりとして扱います。