準備完了です!

Mobile Viewをインストールいただきありがとうございます。任意のページの上に本物のデバイスフレームを重ね、デスクトップとモバイルを同時に見る方法です。

1

拡張機能をピン留め(推奨)

Chrome右上の拡張機能(パズル)アイコン をクリックし、「Mobile View」の横のピンを押して、ツールバーにアイコンを固定します。

2

任意のサイトを開く

通常のサイト(https://ページ)を開きます。ツールバーの Mobile View アイコンをクリック — 本物のデバイスフレームがページの上に表示され、デスクトップとモバイルを同時に確認できます。初回はChromeがサイトへのアクセスを求めるので、許可をクリックしてください。

3

デバイスとレイアウトを選ぶ

上部パネルのデバイスボタン 📱 ▾ でiPhone、Androidスマホ、タブレットを切り替え。回転は 、拡大縮小はサイズメニュー 100%(50–125%)、デバイスはどこへでもドラッグ — またはフォーカス でデスクトップを暗くし、デバイスを中央に。

4

最大5台を同時表示

上部パネルのデバイス数ボタン をクリックし、表示台数(1–5)を選びます。各デバイスはモデル、回転、サイズ、ブランドカラーを個別に保持し、サイドドック(左または右)でワンクリック切り替え。フォーカスモードでは横並び・グリッド・スタックに配置でき、ロックすれば誤クリックやEscで抜けません。キーボードで追加・削除:Shift + = / Shift + −

5

同期して操作

スクロール、クリック、入力はデスクトップページとモバイルプレビュー間で同期されます。上部パネルの同期 でオン/オフ。

6

スクリーンショット

カメラ をクリックし、デバイスのみ 📱(フレームに合わせて切り抜き)または全画面 🖥️(デスクトップとデバイス一緒)を選択 — モックアップやバグ報告に最適。

7

画面を録画

録画 をクリックして全画面録画を開始。「画面を共有」ダイアログは出ず、現在のタブをすぐに録画。MP4またはWebMとして端末に直接保存され、アップロードは一切ありません。

パネルボタンの役割

📱 ▾
デバイス — iPhone、Android、iPad
デバイス数 — 1–5台を同時表示、ドック左/右
回転 — 縦向き / 横向き
同期 — スクロール同期オン/オフ
スクリーンショット — デバイスのみまたは全画面
画面録画 — フルキャプチャ(MP4/WebM)
フォーカスモード — デスクトップを暗く;横並び/グリッド/スタック、ロック可
100%
サイズ — 拡大 50–125%
カスタムサイズ — 任意の解像度とブランドカラー(Shift+5)
🌙
テーマ — ライト / ダーク
🇬🇧 ▾
言語 — インターフェース50以上の言語
ウェブサイト — Mobile Viewサイトを開く
ヘルプ — ショートカットとヒント
閉じる — プレビューを終了(Esc)

キーボードショートカット

Shift+1
全画面スクショ — デスクトップ+デバイス
Shift+2
デバイススクショ — フレームに合わせて切り抜き
Shift+3
画面録画 — 開始/停止(MP4/WebM)
Shift+4
フォーカスモード — オン/オフ切替
Shift+5
カスタムサイズ — オン/オフ切替
Shift+=
デバイスを追加 — スマホ/タブレットを1台追加
Shift+
デバイスを削除 — 1台減らす
Esc
終了 — フォーカスモードを抜けてから閉じる
💡

ヒント:デバイス、回転、位置、テーマ、言語はタブや再読み込みをまたいで保存・復元されます。chrome://設定などの一部のブラウザページはプレビューできません — 通常のウェブサイトを開いてください。

Mobile Viewについて詳しく