レスポンシブに対応したWebページをさまざまなデバイスのサイズで表示を同時確認できる無料ツール -everysize

Webページをさまざまなデバイスのサイズで表示を同時確認できるブラウザベースのオンラインツールを紹介します。

完全無料で利用でき、登録など面倒なことは一切不要です。

サイトのキャプチャ

everysize

everysizeの特徴

everysizeは、レスポンシブに対応したWebページの表示確認をできるオンラインツールです。さまざまなデバイスのサイズで同時に確認でき、拡大縮小、レイアウト変更にも対応しています。

ブラウザベースのオンラインツールなので、OSを問わず利用できます。
Chrome, Safari, Edgeは問題なし、IE11はダメでした。

サイトのキャプチャ

everysize

everysizeの使い方

everysizeの使い方は簡単で、ブラウザでアクセスするだけです。

サイトのキャプチャ

everysize-app

アクセスしたら、ページ上部に表示したいページのURLを入力します。

上部に表示したいページのURLを入力

上部に表示したいページのURLを入力

デフォルトで、iOSとAndroid、Bootstrapのサイズが利用できます。

さまざまなデバイスのサイズで表示

さまざまなデバイスのサイズで表示

ズーム機能を使用して、必要なすべてのサイズを1ページに収めることもできます。

ズーム機能

ズーム機能

逆にスマホ表示だけを大きくしたい、というのもできます。

スマホ表示だけを大きく

スマホ表示だけを大きく

レイアウトをドラッグ&ドロップで変更できるのもいいですね。

レイアウトの変更

レイアウトの変更

sponsors

top of page

©2020 coliss