Mobile Viewをインストールいただきありがとうございます。任意のページの上に本物のデバイスフレームを重ね、デスクトップとモバイルを同時に見る方法です。
Chrome右上の拡張機能(パズル)アイコン をクリックし、「Mobile View」の横のピンを押して、ツールバーにアイコンを固定します。
通常のサイト(https://ページ)を開きます。ツールバーの
Mobile View アイコンをクリック — 本物のデバイスフレームがページの上に表示され、デスクトップとモバイルを同時に確認できます。初回はChromeがサイトへのアクセスを求めるので、許可をクリックしてください。
上部パネルのデバイスボタン 📱 ▾ でiPhone、Androidスマホ、タブレットを切り替え。回転は ⟳、拡大縮小はサイズメニュー 100%(50–125%)、デバイスはどこへでもドラッグ — またはフォーカス でデスクトップを暗くし、デバイスを中央に。
上部パネルのデバイス数ボタン ▾ をクリックし、表示台数(1–5)を選びます。各デバイスはモデル、回転、サイズ、ブランドカラーを個別に保持し、サイドドック(左または右)でワンクリック切り替え。フォーカスモードでは横並び・グリッド・スタックに配置でき、ロックすれば誤クリックやEscで抜けません。キーボードで追加・削除:Shift + = / Shift + −。
スクロール、クリック、入力はデスクトップページとモバイルプレビュー間で同期されます。上部パネルの同期 ⇅ でオン/オフ。
カメラ をクリックし、デバイスのみ 📱(フレームに合わせて切り抜き)または全画面 🖥️(デスクトップとデバイス一緒)を選択 — モックアップやバグ報告に最適。
録画 をクリックして全画面録画を開始。「画面を共有」ダイアログは出ず、現在のタブをすぐに録画。MP4またはWebMとして端末に直接保存され、アップロードは一切ありません。
ヒント:デバイス、回転、位置、テーマ、言語はタブや再読み込みをまたいで保存・復元されます。chrome://設定などの一部のブラウザページはプレビューできません — 通常のウェブサイトを開いてください。