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