さまざまな画面サイズでサイトをテスト

さまざまな画面サイズでサイトをテスト: 用途

アドレスを入力し、デバイスを選びます：小型スマートフォン（360 px）、iPhone（390）、大型スマートフォン（430）、タブレット（768）、ノートPC（1280）、モニター（1440）。各画面はデバイスの実際の幅でページを開き、選んだ倍率で縮小して表示します。各画面内でスクロールもできます。

自分のサイトや localhost で使えます。他のサイト内での表示を禁止しているサイトは空白になります。

使い方

1. サイトのアドレスを入力します。
2. デバイス、倍率、高さを選びます。
3. 各画面をスクロールしてレイアウトを確認します。

使うタイミング

• 公開前にレスポンシブサイトを確認する。
• スマートフォンでの見え方をお客様に見せる。
• localhost の開発中サイトをテストする。

よくある質問

表示されないサイトがあるのはなぜですか？

大手サイト（Google、銀行、SNS など）の多くは、X-Frame-Options や frame-ancestors ヘッダーで他のサイト内に開くことを禁止しており、画面が空白になります。自分のサイトなら通常は表示されます。表示されない場合は、ブラウザの開発者ツールのデバイスモード（F12）を使ってください。

プレビューは実際のスマートフォンと同じですか？

幅は同じなので、レスポンシブレイアウトも同じです。ただしブラウザはパソコンのままなので、フォント、スクロール、タッチ、スマートフォン固有の機能は異なることがあります。公開前に実機でもテストしてください。

localhost のサイトでも使えますか？

はい。ローカルサーバーがお使いのパソコンで動いていて、アドレスが http://localhost または http://127.0.0.1 で始まっていれば使えます。

本当に無料？

はい、100%無料です。登録不要、サブスクなし、利用制限なし。すべてのツール：Tools123は無料です。

関連ツール