ウェブサイトが異なる画面サイズやデバイスでどのように見えるかテスト。モバイル、タブレット、デスクトップの解像度でワンクリックでプレビュー。Web開発者とデザイナーに最適。
このツールは、Web開発者とデザイナーが異なる画面サイズやデバイス解像度でウェブサイトをテストするのに役立ちます。URLを入力するだけで、モバイルからウルトラワイドデスクトップモニターまで様々なデバイスでサイトがどのように見えるか即座にプレビューできます。すべてのテストはブラウザ内で行われ — データはサーバーに送信されません。ユーザーに到達する前にレスポンシブデザインの問題を発見するために、開発中に使用してください。
ほとんどのウェブサイトをテストできます。ただし、セキュリティ上の理由で、一部のウェブサイトはX-Frame-OptionsまたはContent-Security-Policyヘッダーによりiframe埋め込みをブロックしています。サイトが読み込まれない場合は、iframeアクセスをブロックしている可能性があり、この方法ではテストできません。
はい。ウェブサイトプレビューは標準のブラウザiframeを使用します。対象のウェブサイトはブラウザで直接読み込まれ、データは当社のサーバーを通過しません。ただし、対象のウェブサイトは通常と同じくあなたのIPアドレスとブラウザ情報を見ることがあります。
一部のウェブサイトは、クリックジャッキング攻撃を防ぐため、iframe埋め込みを明示的にブロックしています。これはセキュリティ機能であり、バグではありません。Google、Facebook、銀行サイトなどの主要サイトは通常、iframeアクセスをブロックしています。自分のウェブサイトや小規模なサイトでテストしてみてください。
サイズは、物理的な画面解像度ではなく、各デバイスの論理ビューポート寸法（CSSピクセル）を表します。最新のデバイスはデバイスピクセル比（DPR）を使用して物理ピクセルをより高密度にしますが、論理ビューポートサイズはレスポンシブデザインテストに重要な要素です。