「今使っている画面の解像度は?」をもっと良い方法で

ほとんどの画面解像度チェッカーは動作が遅く、広告だらけで、たった1つの数字しか教えてくれません。私たちが目指したのはその逆です。瞬時に読み込まれ、プライバシーを完全に尊重し、ディスプレイの全体像を提供し、さらにそれを活用するためのツールまで備えたページです。

プライバシー重視の設計

このサイトのすべての計測は、標準的なWeb APIを使ってあなたのブラウザ内でローカルに行われます。画面、デバイス、ブラウザに関する情報がサーバーに送信、記録、保存されることはありません。広告やサードパーティのトラッカーもありません。保存するのはライト/ダークテーマの設定のみで、それもあなた自身のブラウザ内に保存されます。

情報を網羅

単一の数字ではなく、論理・物理解像度、ビューポートサイズ、デバイスピクセル比、アスペクト比、色深度と色域、向き、計測されたリフレッシュレート、そしてお使いのデバイスの推定情報を表示します。すべてサイズ変更、ズーム、回転にあわせてライブで更新されます。

開発者のためにも

画面は消費者だけでなく開発者にとっても重要な課題です。そのため、TailwindとBootstrapのブレークポイントをライブ表示する機能、現在のビューポートに合わせたコピー可能なCSSメディアクエリ生成機能、正確な仕様を再現できる共有リンク機能を追加しました — バグ報告にも最適です。

制作について

このサイトはTailwind CSSでスタイリングされた静的なAstroビルドで、だからこそ高速です。インタラクティブな部分は、依存関係のない小さなスクリプトで、すべてあなたのデバイス上で実行されます。