日本語
Chromeに追加
  1. Simlord
  2. レスポンシブチェック

推測した幅ではなく、実機のサイズでレスポンシブチェック

ウインドウの幅を変えるだけのレスポンシブチェックでは、ブレークポイントの位置はわかっても、訪問者に何が見えているかはわかりません。Simlordなら、実在する133種類のスマホ、タブレット、折りたたみ端末、パソコンの画面でレスポンシブデザインをテストでき、それぞれのブラウザバー、タッチ操作、識別情報も再現します。

Chromeに無料で追加Chrome、Edge、Braveで動作。アカウントは不要です。

SimlordはパソコンのChromeで動作します。追加するには、パソコンでこのページを開いてください。

iPhone 17 Proでコーヒー焙煎店のWebサイトを表示しているSimlord

レスポンシブレイアウトをテスト

  1. Simlordでサイトを開く

    localhostから本番環境まで、どのページでもアイコンをクリックするだけです。

  2. デバイスを順に確認

    デバイスバーで最小のスマホから最大のタブレットまで順に見ていくか、ショートカットで次のデバイスに切り替えます。

  3. 見つけた問題を保存

    デバイスフレームの有無を選んでスクリーンショットを撮るか、問題を録画して共有できます。

実在するデバイスのサイズ

Simlordのすべてのデバイスには、iPhone SEからiPad Pro、Galaxy Z Foldまで、実機が報告するビューポート、ピクセル比、ユーザーエージェントを設定しています。特定の幅が必要なときは、独自のサイズを追加できます。

リサイズでは見えないもの

実際のスマホには、場所を取るツールバー、ステータスバー、ノッチやDynamic Islandがあり、操作はマウスではなくタッチです。Simlordはそのすべてを再現するので、Safariのバーの裏に隠れるボタンを、訪問者より先に見つけられます。

ログインが必要なページも、すべて確認

オンラインのテストサービスは、自社のサーバーから自社のフレームにサイトを読み込みます。Simlordはお使いのタブの中で動くので、localhost、ステージング環境、ログインが必要なページも、あなたが見ているとおりに表示できます。

よくある質問

ほかにご質問があれば、support@simlord.euまでご連絡ください。

オンラインのレスポンシブチェックツールとの違いは何ですか?

オンラインのツールは、自社のサーバーからサイトを読み込んでフレームに表示します。Simlordはお使いのブラウザで動くので、localhostやログインが必要なページでも使え、ブラウザバー、タッチ操作、実機のユーザーエージェントも加わります。

独自の画面サイズを追加できますか?

はい。幅、高さ、ピクセル比を自由に決めて、カスタムデバイスを追加できます。無料版は1台、PROは無制限です。

複数のサイズを同時に表示できますか?

はい、PROで使えます。最大4台のデバイスを並べて比較でき、スクロールとナビゲーションも同期します。

無料ですか?

はい。Simlordは無料で使えるレスポンシブチェックの拡張機能です。PROでは、最新のスマートフォンとタブレット、比較、ページ全体のスクリーンショット、長い録画が、一度の支払いで使えるようになります。

あなたのサイトで試してみましょう。

無料、アカウント不要。Chrome、Edge、Braveで動作します。

SimlordはパソコンのChromeで動作します。追加するには、パソコンでこのページを開いてください。