表示できないサイトについて：X（Twitter）・Google・Instagram など、セキュリティ設定で埋め込みを禁止しているサイトは表示できません（ブラウザの仕様です）。
URLを入力してください
上にURLを入力して「確認する」を押すと、選択したデバイスサイズで表示を確認できます。
このサイトは埋め込み表示できません
セキュリティ設定（X-Frame-Options / CSP）により、ツール内への表示が制限されています。ツールの不具合ではありません。
よくあるケース
X（Twitter）・Instagram・Google・YouTube・LINE など大手サービスの多くが該当します。
✅ 代わりの確認方法
スマホでそのURLを直接開くのがおすすめです。PCのChromeなら デベロッパーツール（F12）→ デバイスモード でも確認できます。
390×844 px
iPhone 14 / 15
デバイスを選択
向き
ズーム
70%
カスタムサイズ
幅 (px)
×
高さ (px)
レスポンシブプレビューとは？このツールでできること
レスポンシブプレビューは、ウェブページをスマートフォン・タブレット・PC各サイズで表示確認できるツールです。URLを入力するだけで複数のデバイスサイズで同時にプレビューでき、レスポンシブデザインの確認・クライアントへの提案・コーディングのデバッグに活用できます。
デバイスごとの画面サイズは自由に変更でき、主要なスマートフォン・タブレットのサイズプリセットも用意しています。
使い方
- URLを入力する — プレビューしたいウェブページのURLを入力します。
- デバイスサイズを選ぶ — スマートフォン・タブレット・PCなどのプリセットを選択します。
- 表示を確認する — 各デバイスサイズでの表示をリアルタイムで確認できます。
こんなときに使えます
- ウェブサイトのレスポンシブデザインをPC・スマホ・タブレットで同時確認したい
- コーディング中にデバイスごとの表示崩れを素早く確認したい
- クライアントにウェブサイトのレスポンシブ対応状況を見せたい
- WordPressやブログのテーマをモバイルでどう見えるか確認したい
よくある質問
Q. 自分のローカル環境のページも確認できますか？
A. localhostなどのローカル環境は通常確認できません。公開済みのURLのみ対応しています。
Q. 表示できないページはありますか？
A. X-Frame-Optionsヘッダーで埋め込みを禁止しているページは表示できません。
Q. スマートフォンの実機と表示が異なる場合があります。
A. このツールはブラウザ上でのエミュレーションです。正確な確認は実機でもお試しください。
Q. カスタムサイズで確認できますか？
A. はい。幅・高さをpxで自由に入力できます。
Q. データはサーバーに送られますか？
A. URLはiframeで読み込むため対象サイトに接続します。入力したURL自体はサーバーに保存されません。