レスポンシブ・ブレークポイントプレビュー
幅375、768、1024、1440、高さ640 CSS ピクセルのサンドボックスフレームにサイトを読み込みます。
準備完了。サイトは未リクエストです。
カードに合わせて表示を縮小しても CSS ビューポートは固定です。端末、タッチ、画素密度のエミュレーションではありません。
サイトへの直接リクエスト: 選択したサイトに直接接続し、Cookie はブラウザーの方針に従います。スクリプトは動作しますが、フォーム、ポップアップ、ストレージ機能は制限される場合があります。バックエンド取得、プロキシ、スクリーンショットは使いません。
埋め込みとアドレスの制限: CSP や X-Frame-Options により埋め込みが拒否される場合があります。制限の回避、内容の読み取り、load イベントによる表示確認はできません。ローカルホスト、プライベート IP リテラル、本アプリのオリジンは拒否します。DNS やリダイレクトは検証しません。
CSS ビューポート: 768 × 640 CSS px
CSS ビューポート: 1024 × 640 CSS px
CSS ビューポート: 1440 × 640 CSS px
使い方
使い方
- 認証情報を含まない完全な公開 HTTPS URL を入力します。
- 読み込みを押して4つのフレームでサイトをリクエストします。
- レイアウトを比較し、URL を編集したら読み込みか再読み込みを押します。
サイトへの直接リクエスト
選択したサイトに直接接続し、Cookie はブラウザーの方針に従います。スクリプトは動作しますが、フォーム、ポップアップ、ストレージ機能は制限される場合があります。バックエンド取得、プロキシ、スクリーンショットは使いません。
埋め込みとアドレスの制限
CSP や X-Frame-Options により埋め込みが拒否される場合があります。制限の回避、内容の読み取り、load イベントによる表示確認はできません。ローカルホスト、プライベート IP リテラル、本アプリのオリジンは拒否します。DNS やリダイレクトは検証しません。
よくある質問
あわせて知りたいこと
フレームが空白なのはなぜ？
埋め込み拒否、読み込み失敗、サンドボックス制限が原因の可能性があります。load イベントは表示の証明ではありません。
スマートフォンを再現しますか？
いいえ。CSS ビューポート寸法のみを設定し、端末の画素比、タッチ、ブラウザー外枠、ネットワーク条件は変えません。