Webサイトを制作している時、スマホ・タブレット・デスクトップなど、異なる大きさの画面を一つずつ確認するかと思いますが、これって地味に大変な作業ですよね。
そこで今回、「異なる画面サイズでの表示を一括で確認できるツール」を作ってみましたので、紹介します。
レスポンシブデザインを一括で確認するツールを作りました
渡邊陽平
ツールは、以下のリンクから無料で使うことができます。
使い方は簡単で、見たいページのURLを入力するだけです。以下のように、3つの異なる画面サイズで確認することができます。
localhost もアクセス可能ですので、ローカル開発中のサイトも見ることができます。
※ 埋め込みを禁止しているサイトでは使えないため、ご注意ください。
そのほかにも、画面を回転させたり、拡大・縮小したり、画面サイズを変更したりすることが可能です。
ぜひ、サイト制作にお役立てください。
