2026年02月25日(水)
Web開発者が知っておくべき画面サイズ確認ツール「WhatIsMyScreenSize.com」
What Is My Screen Size? - Free Screen Resolution Checker Tool [February 2026]
Web開発者が知っておくべき画面サイズ確認ツール「WhatIsMyScreenSize.com」
アクセスするだけでビューポートサイズ、スクリーン解像度、DPR、アスペクト比、色深度を一画面で即確認できる。DevToolsを開く手間すら不要。
実用面で光るのはデバイス比較機能だ。iPhone・Galaxy・Pixelなど170台以上のスペックを収録しており、レスポンシブ設計のブレークポイント検討時にリファレンスとして使える。CSSのメディアクエリを書く前に、ターゲットデバイスの実解像度とDPRをサッと確認できるのは地味に助かる。
一方、検出結果はブラウザ依存のJavaScript値なので、OS設定のスケーリングやブラウザのズームで数値がずれる点は注意。あくまで簡易確認ツールとして割り切って使うのが正解だろう。
ブックマークしておいて損はない...
0
0
0
0
author:
PHPSPOT開発日誌
PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報を発信しているKJさんのブログ
‹ PREV
SNSのプロ×データのプロが共同開発したデータ分析ツール「cat kit」正式リリース
NEXT ›
ノンデザイナーズ・デザインブック28周年記念🎉 特典PDFが応募者全員にもらえる太っ腹キャンペーンが開催されています
Ads
PHP/Ajax/JavaScript/CSS/デザイン等のWEB開発に関する最新技術情報を発信しているKJさんのブログPHPSPOT開発日誌の記事『Web開発者が知っておくべき画面サイズ確認ツール「WhatIsMyScreenSize.com」』についてまとめています。
この記事は特にレスポンシブ・javascriptについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のPHPSPOT開発日誌で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとPHPSPOT開発日誌の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
