✓

You’re all set!

Thanks for installing Mobile View. Here’s how to drop a real device frame right on top of any page and see desktop and mobile at once.

1

Pin the extension (recommended)

Click the extensions (puzzle) icon at the top-right of Chrome, then click the pin next to “Mobile View” so its icon stays in your toolbar.

2

Open any website

Navigate to a normal site (an http:// or https:// page) and click the Mobile View icon. From version 4.2.0, the preview opens directly without Mobile View’s own first-use access chooser. Once Chrome approves the required permission during installation or an update, access to all sites is the default unless you restrict it in Chrome.

You can change site access to “On click”, “On specific sites” or “On all sites” in Chrome’s built-in extension menu or settings. Mobile View has no separate site-access setting. If you restrict access and a site needs a persistent grant for its preview, a recovery dialog may offer access to that site or all sites, subject to Chrome’s approval.

3

Choose a device & layout

Use the device button 📱 ▾ in the top panel to switch between iPhone, Android phones and tablets. Rotate with ⟳, scale with the size menu 100% (50–125%) and drag the device anywhere — or hit focus to dim the desktop and center the device.

4

Show up to 5 devices at once

Click the devices button ▾ in the top panel and pick how many to show (1–5). Each device keeps its own model, rotation, size and brand color, and a side dock (left or right) keeps them one click away. In focus mode you can arrange them in a row, grid or stack — and lock it so a stray click or Esc won’t exit. Add or remove from the keyboard with Shift + = / Shift + −.

5

Interact in sync

Scrolling, clicks and typing stay synchronized between the desktop page and the mobile preview. Toggle sync ⇅ on or off from the top panel.

6

Take a screenshot

Click the camera and choose device only 📱 (cropped to the frame) or full screen 🖥️ (desktop and device together) — perfect for mockups and bug reports.

7

Record the screen

Click record to capture a full screen recording. It records the current tab right away — no “share your screen” dialog — and the video is saved straight to your device as an MP4 or WebM file; nothing is ever uploaded.

What the panel buttons do

📱 ▾
Device — iPhone, Android or iPad
Devices — show 1–5 at once, dock left / right
⟳
Rotate — portrait / landscape
⇅
Sync — synced scrolling on / off
Screenshot — device only or full screen
Record screen — full capture (MP4/WebM)
Focus mode — dim desktop; row / grid / stack, lockable
100%
Size — scale 50–125%
Custom size — any resolution & brand color (Shift+5)
🌙
Theme — light / dark
🇬🇧 ▾
Language — 50+ interface languages
Website — open the Mobile View site
Help — shortcuts & tips
✕
Close — exit preview (Esc)

Keyboard shortcuts

Shift+1
Full screenshot — desktop + device
Shift+2
Device screenshot — cropped to the frame
Shift+3
Record screen — start / stop (MP4/WebM)
Shift+4
Focus mode — toggle on / off
Shift+5
Custom size — toggle on / off
Shift+=
Add a device — one more phone / tablet
Shift+−
Remove a device — take one away
Esc
Exit — leave focus mode, then close
💡

Tip: Your device, rotation, position, theme and language are saved and restored across tabs and reloads. Some browser pages (like chrome:// settings) can’t be previewed — open a regular website instead.

Learn more about Mobile View