OneKitTools logoOneKitTools
開発者に戻る

モバイルビューポートテスター

iPhone、iPad、Android、デスクトップビューポートでライブレスポンシブプレビュー付きの任意のURLをテスト

モバイルビューポートテスター について

iPhone、iPad、Android、デスクトップビューポートでライブレスポンシブプレビュー付きの任意のURLをテストします。すべてブラウザ内で動作します。

モバイルビューポートテスター の使い方

  1. 1テストしたいURLを入力します。
  2. 2「読み込み」をクリックしてプレビューフレームにページをレンダリングします。
  3. 3デバイスプリセット(iPhone、iPad、Android、デスクトップ)を切り替えて異なるビューポートをテストします。
  4. 4ポートレートとランドスケープの向きを切り替えます。
  5. 5ズームレベルを調整するか、カスタムビューポート寸法を入力します。

ヒント

  • 最小のビューポート(iPhone SE、375px)から先にテストしてください。そこで動作すれば、大きな画面は通常問題ありません。
  • タブレットではポートレートとランドスケープの両方をチェックしてください。レイアウトの問題は片方の向きでのみ現れることがよくあります。
  • アナリティクスで報告される特定のデバイス幅に合わせるためにカスタム寸法を使用してください。

関連ツール

OneKitTools チーム更新日 2.21.4